上面为效果图，用ul、li的方法详细写法：
css代码：
.demoBox {
width:204px
}
.demoBox li {
float: left
width:100px
border: 1px solid #999
}
.demoBox li.demoLi {
width: 202px
}
html代码：
<ul class="demoBox">
<li>1</li>
<li>2</li>
<li class="demoLi">3</li>
</ul>
总体思路就是利用宽度和浮动来实现，给ul一个固定的宽度，第一行显示的li平分这个宽度，后面的li因为没有位置就自动去了第二行，让它独占一行，就可以实现这个效果。
以上，希望对你有帮助。
比如<td rowspan="2">microsoft</td>，rowspan是向下合并一个，加上自身就是两个
比如<td colspan="2">stephen elop</td>，colspan是向右合并
希望可以帮到你
