css - div内的css对齐列表

Question

我在 CSS 上对齐图像时遇到了很多问题。事情是这样的，我在这个 div 中有一个名为“toggle”的 div 我在每个 li 上有一个列表 ul-li 我有文本，然后是 3 个图像，但是我想让图像对齐一些图像的对齐方式相对于文本而不是左侧填充。

http://aluna.webdcg.com/visistat/

Answer 1

也许这就是你需要的。参见代码：http: //jsfiddle.net/67VWe/

CSS：

* { font-family: Tahoma; }
ul { width: 200px; margin: 20px; border: 1px solid #777; }
li { padding: 2px; border-bottom: 1px dotted #777; }
li label { width: 120px; float: left; }
​

HTML：

<div id="toggle">
    <ul>
        <li><label>Text 1</label> <img src="http://admin.visistat.com/sales/img/icon-pulse-dot-red.png" width="22" height="22" /></li>
        <li><label>Text 1234</label> <img src="http://admin.visistat.com/sales/img/icon-pulse-dot-red.png" width="22" height="22" /></li>
        <li><label>Text 1234567</label> <img src="http://admin.visistat.com/sales/img/icon-pulse-dot-red.png" width="22" height="22" /></li>
    </ul>
</div>

--

标签标签、宽度和浮点值起到了作用。