inline-block产生的间距

试用以下两种代码：
一：

<ul style="width:200px; display:block">
 <li style="display:inline-block;width:100px">hello</li><li style="display:inline-block;width:100px">! world</li>
</ul>

二：

<ul style="width:200px; display:block">
 <li style="display:inline-block;width:100px">hello</li>
 <li style="display:inline-block;width:100px">! world</li>
</ul>

效果是不是一样呢？！

可以看到第一种的确是inline-block，连续元素并排。而第二种则分段排列看上去像block，回到了块元素。其实不然，这是因为inline-block根据元素标签空间产生间距。