ul li兑现table效果 _Web前端

ul li实现table效果
<html>
	<head>
		<title>tag</title>

	</head>
	<body>
			<ul class="th" style='background:#CCFFFF; font-weight:bold; border-top:1px；list-style:none; padding:0px; margin:0px; width:100%;height:20px; line-height:20px; border:1px solid #4a98af;'>
				<li style='display:block; width:33%; float:left;text-indent:2em'>姓名</li>
				<li style='display:block; width:33%; float:left;text-indent:2em'>身份证号</li>
				<li style='display:block; width:33%; float:left;text-indent:2em'>与户主关系</li></ul>
			<ul style='list-style:none; padding:0px; margin:0px; width:100%;height:20px; line-height:20px; border:1px solid #4a98af;'>
				<li style='display:block; width:33%; float:left;text-indent:2em'>阿三</li>
				<li style='display:block; width:33%; float:left;text-indent:2em'>3-1</li>
				<li style='display:block; width:33%; float:left;text-indent:2em'>13</li></ul>
	<body>
</html>