用于多行文本的垂直对齐UL LI元素

Question

我有一个ul列表，其中包含一些单行和一些多行文本.. 现在对于多行文本，第二行文本以不同于第一行文本的缩进开始。

我想要一个非常基本的方法来解决这个问题，这个问题应该是跨浏览器兼容的。

添加，我想在ul和相邻图像之间留一些空间（这样的边距）

我的HTML和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;}

Answer 1

你可以给li一个左边的填充，应该这样做