[原]原来inline这么神奇

<style type="text/css">
ul { padding:0; margin:0; }
li { display:inline; }
.lii { float:left; }
</style>

  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
  <ul>
    <li class="lii">1</li>
    <li class="lii">2</li>
    <li class="lii">3</li>
    <li class="lii">4</li>
  </ul>

我以前为了让li能横着显示都是用的float:left, 但我总觉得浮得太多,到最后不好控制.
今天在同事那里得知display里的inline也可以横着显示,并且有趣的是inline就是成行的意思:)

display:inline, you did fairly well!