I am dealing with a ul list that contains both single and multi-line li text. The issue is that the second line of the multi-line text starts at a different indentation than the first line.
I need a simple solution to resolve this problem that works seamlessly across all browsers.
Additionally, I require some spacing between the ul and an adjacent image (essentially a margin).
Below is my HTML and CSS:
<div class="fl">
<div class="resDtp2"><img src="images/book1.gif"></div>
<ul class="resDtp2 txtSmall">
<li class="resDtpPad"><span>Some text Some text Some text</span></li>
<li class="resDtpPad"><span>Some text</span></li>
</ul>
</div>
div.resDtp1{float:none}
div.resDtp2{float:left}
ul li.resDtpPad{text-align: left;}