Div,css making forms with Ulli

1. First style

#news {
width:500px;
<!--border:2px solid #eee; -
}
#news li{
List-style-type:none;
Float:left;
width:100px;
Text-align:center;
Background: #ccc;
margin-right:2px;
margin-bottom:2px;
line-height:30px;
font-size:14px;
}
#news li.bt{font-size:16px; font-weight:bold; background: #999;}

<div id= "News" >
<ul>
<li class= "BT" >0</li>
<li class= "BT" >0</li>
<li class= "BT" >0</li>
<li class= "BT" >0</li>

<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>

<li>2</li>
<li>2</li>
<li>2</li>
<li>2</li>

<li>3</li>
<li>3</li>
<li>3</li>
<li>3</li>

<li>4</li>
<li>4</li>
<li>4</li>
<li>4</li>
</ul>
</div>

2. The second style

. table{border-top:1px solid #ccc; border-left:1px solid #ccc; width:400px;margin:0px; padding:0px;}
. Table Li Div {border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:left; width:99px; height:30px; padding-to P:10px;text-align:center;}
ul{list-style:none; float:left; list-style-type:margin:0px; padding:0px;*margin:0px; padding:0px;}

<ul class= "Table" >
<li style= "Float:left" ><div>11111</div><div>222222</div><div>33333333</ Div><div>4444</div></li>
<li style= "Float:left" ><div>dfdf</div><div>dfdf</div><div>dfdf</div> <div>dfdf</div></li>
<li style= "Float:left" ><div>dfdf</div><div>dfdf</div><div>dfdf</div> <div>dfdf</div></li>
<li style= "Float:left" ><div>dfdf</div><div>dfdf</div><div>dfdf</div> <div>dfdf</div></li>
</ul>

Div,css making forms with Ulli