spacing in unordered list wrapped text

I have a unordered list that I have added some styling. My issue dealing with then the list text wraps to the next line the spacing between the first sentence and second sentence is different. Is there a css way to adjust just this spacing and not the spacing between the the list items?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


.sample {
width: 350px;
}
/*********** #head2 link styles ***********/
ul#head2 {
margin: 1em 0px 1em 0px;
padding: 1px 0px 13px 0px;
list-style-type:none;
color: #6c3;
font-family: Arial, Helvetica, sans-serif;
}ul#head2 li {
display:block;
list-style-type:none;
line-height: 75%; /* css leading */
padding-left: 0em; /* for moving li to the right */
padding-top: 0.1em;
padding-bottom: 0.1em;
}
html>body ul#head2 li {
line-height: 85%; /* css leading */
padding-top: 0.08em;
padding-bottom: 0.08em;
}
ul#head2 li a {
display:block;
background:transparent url(../images/bullet_g.gif) no-repeat 0;
background-position: top left;
color: #6c3;
font-size: .9em;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
line-height: 100%; /* css leading */
}
.indenttextonly {
margin-left: 1.2em;
}
html>body .indenttextonly {
margin-left: 1.3em;
line-height: 100%;
}
ul#head2 li a:hover {
background:transparent url(../images/bullet_o.gif) no-repeat 0;
background-position: top left;
color: #f63;
}
ul#head2 li#bullet2 a {
background:transparent url(../images/numbers/two_g.gif) no-repeat 0;
background-position: top left;
}ul#head2 li#bullet2 a:hover {
background:transparent url(../images/numbers/two_o.gif) no-repeat 0;
background-position: top left;
color: #f63;
}


<div class="sample">
 <ul id="head2">
<li><a href="#"><div class="indenttextonly">Design With Architects & Designers blah blah blah blah blah blah blah</div></a> </li>
<li><a href="#"><div class="indenttextonly">Design With Property Managers</div></a></li>
<li><a href="#"><div class="indenttextonly">A Turnkey Solution: An Atrium Remodel</div></a></li>
<li><a href="#"><div class="indenttextonly">Professional Affiliations</div></a></li>
</ul>
</div>

spacing in unordered list wrapped text

lleemon

penders

lleemon

Xapti

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week