学步园

display:inline-block

引用:
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。

<ul id="menu">
  <li><strong><a href="#">a</a></strong></li>
  <li><strong><a href="#">b</a></strong></li>
  <li><strong><a href="#">c</a></strong></li>
  <li><strong><a href="#">d</a></strong></li>
</ul>

ul {
    display: inline-block;
}

我的理解：它会将具有这个属性的对象，这里是ul元素呈现为内联对象，而对于ul里面的元素，则一律看做是块对象。

                  对于外部来说，整个ul就是一个内联对象。