image - CSS:リスト項目のテキストの横に画像を配置しますか?

Question

次のような番号付きリストがあります。

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

テキストの右側の画像は、テキストの右側ではなく、テキストの下にあります。span と float:left を試しましたが、うまくいきませんでした。画像をテキストの右側に配置するにはどうすればよいですか?

ありがとう！

Answer 1

テキストと画像にfloatingを使用し、画像とテキスト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であると仮定します