Question

我有一个编号列表，如下所示：

<ol>
    <li>some text <img src="..." /></li>
</ol>

文本的图像右侧位于文本下方，而不是右侧。我尝试了一个跨度和浮动：左，但这不起作用。我如何对齐文本右侧的图像？

谢谢！

Answer 1

对文本和图像使用浮动，并指定图像和文本div的宽度，例如

<ol>
 <li>
   <div style="float:left;width:200px;" >your text here..</div>
   <div style="float:right;width:100px;"><img src="abc.jpg" /></div>
   <div style="clear:both;"></div>
 </li>

假设您的li宽度最小为300px

CSS：对齐列表项中文本旁边的图像？

1 个答案: