posted by Remember Me, 2012.09.25 16:06

CSS






<style type="text/css">

.table_style {

width: 300px;

}

.table_style ul {

clear: left;

margin: 0;

padding: 0;

list-style-type: none;

}

.table_style .header {

font-weight: bold;

text-align: center;

}

.table_style ul li {

text-align: center;

float: left;

margin: 0;

padding: 2px, 1px;

}

.table_style ul .colum1 {

width: 60px;

}

.table_style ul .colum2 {

width: 160px;

}

.table_style ul .colum3 {

width: 70px;

}

</style>





HTML





<div class="table_style">

<ul class="header">

<li class="colum1">Title A</li>

<li class="colum2">Title B</li>

<li class="colum3">Title C</li>

</ul>

<ul>

<li class="colum1">a</li>

<li class="colum2">b</li>

<li class="colum3">c</li>

</ul>

<ul>

<li class="colum1">a</li>

<li class="colum2">b</li>

<li class="colum3">c</li>

</ul>

<ul>

<li class="colum1">a</li>

<li class="colum2">b</li>

<li class="colum3">c</li>

</ul>

</div> 




신고

티스토리 툴바