Image Gallery with caption

[focus310]

Hello:

I'm trying to create an image gallery using thumbnail size images. The images need to have captions.

The captions are the actual name of different bugs so some of the names are long. Right now, the name appears all in a single line. I would like the name to continue on a second line rather than one long line.

Is there a way for the text to appear in mulitple lines under the image?

Thank you in advance for the help.

[R.Noon]

This might have what you want.

http://www.blooberry.com/indexdot/css/properties/text/wordwrap.htm

[Bytes]

Can you Post a URL, so we can view your code and application or post the code in this thread so we can offer suggestions?

Regards,

[focus310]

Hello:

Thank you for the replies.

Here is the CSS code for the gallery:


#gallery {
list-style-type:none;
word-wrap:break-word;
}

#gallery img {
border:0px;
display:block;
word-wrap:break-word;

}

#gallery li {
float:left;
margin-right: 30px;
margin-bottom: 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
word-wrap:break-word;

}


Also, here is the HTML code for the images:

<ul id="gallery">
<li><img src="images/pest-thumb/AcAntWsStm-1b.jpg" border=0>Acrobat ant workers on a (plant) stem</li><li><img src="images/pest-thumb/AeAegF2.jpg" border=0>Yellow Fever Mosquito, Aedes aegypti (L.), Adult Female</li><li><img src="images/pest-thumb/AealboFe-h3.jpg" border=0>Asian Tiger Mosquito, Aedes albopictus (Skuse), Adult Female</li></ul>


Thanks for the help.