Howdy all -

So I'm a little confused on how to keep a list element's text from wrapping the way it is in the picture.

We are looking at the second box on the left (Courses) and the list element "HTML for Beginners Training 1" as you can see "Training 1" is cut off and only peeks out. I'd like it to wrap so that "Training 1" lines up with HTML above it. Thoughts? Do I put the list element text in a div? I tried but it didn't work, though I wasn't sure how to format that div.

http://www.cflhd.gov/CSSTest/Lists.jpg

Here's the code so you can see how I'm doing it, along with the default css for the ul/li.

Thanks for your time,

BN

ul{
margin-top:0.2em;
margin-left:-2.5em;
list-style-type:none;
}

li{
padding:0em 0.2em 0.2em 0.2em;
}

<ul>
<li>
<a href="getCourse(#COURSE_SEQ#);" class="linkGroup" title="View">
<img src="../images/subjet2_16.gif" border="">&nbsp;#COURSE_NAME#</a>
</li>
</ul>