方法一：
.a, .b {display: inline-block
width: 50%
border: 0
vertical-align:top /*靠上对齐*/
}
方法二：
.a, .b {float: left
width: 50%
border: 0
}
.parent:after { /*清除浮动*/
content: ''
display: block
clear: both
}
方法一看起来简单，但一般不建议使用行内块级元素（inline-block），容易出现一些让人摸不着头脑的错位问题。个人建议使用方法二。
用css控制 css表里添加通配符 *｛margin:0pxpaading:0px} 默认就会靠上-左显示了，加个居中代码 就可以靠上 居中显示了。如果是行里居中就添加行高属性 line-height现在已经不流行用table布局了，不过实现起来也不难。内容基本都在<td>标签中，所以:
<td valign="top"></td>不过，基于你的要求，要做的是控制“个人中心”那一格的高度（W3C标准建议使用css样式来控制高度，所以）：
<td style="height:10pxpadding:0pxmargin:0px">个人中心:....</td> <!--10px只是个示例，具体多少请自行调整,padding和margin属性只是防止意外而清除空白，可根据效果自行删掉-->
