CSS 之 float 实现多个层横排

关键代码：

---

<div style="background:#EEEEEE;padding:10px; width:400px;">
 <div id=demo0 style="float:left; width:100px; padding-top:10px;">
 今天的你我怎样重复昨天的故事，我这张旧船票还能否登上你的客船
 </div>
 <div id=demo1 style="float:left; width:100px; padding-top:20px;">
 今天的你我怎样重复昨天的故事，我这张旧船票还能否登上你的客船
 </div>
 <div id=demo2 style="float:left; width:100px; padding-top:30px;">
 今天的你我怎样重复昨天的故事，我这张旧船票还能否登上你的客船
 </div>
</div>

 

需要注意的是，最外面 DIV 的 width 不能小于里面多个子 DIV 的 width 之和