文本属于浮动元素

Question

示例：http://i.stack.imgur.com/NB7Wg.jpg
在这里jsFiddle：http://jsfiddle.net/2fVbs/1/
我怎样才能做到这一点？ ：/

  

li.help {display：block; margin-left：15px;}
  ul {list-style-type：none; list-style-position：inside; padding：0; margin：0;}
  .avatar {float：left; width：100px; height：100px; background：url（'http：//'）no-repeat; background-color：＃000;}

<div class="avatar"></div>
<ul>
<li class="help">One</li>
<ul>

Answer 1

提供<ul>个width。和float:left;您需要关闭最后一个<ul>标记

ul {
   ...
   width:300px; 
   float:left;
}

更新了Fiddle

更像图片示例 here

更好的解决方案。

<强> HTML

<div id="post">
    <img src="" />
    <p> text......</p>
</div>

<强>的CSS：

#post { width: 600px;}
#post img {float:left; width: 100px; margin: 0 10px 0 0;}
#post p {float:left; width: 490px;}