CSS List Style

Experimen CSS List Style

by zerrax

HTML

<table class="full reference" border="1">
<tbody>
<tr id="table-2_row-1">
<th>Circle</th>
<td><ul class="circle">
<li>Coffee</li>
<li>Tea</li>
</ul></td>
</tr>
</tbody>
</table>

CSS

table.reference{font-size:86%}
.full{width:96.8%;max-width:96.8%;margin-left:auto;margin-right:auto}
table{border-collapse:collapse;border-spacing:0}
table{border-collapse:collapse;border-spacing:0}
table[border="1"] th{background-color:#FAFAFA;text-align:left;vertical-align:middle}
table[border="1"] th,table[border="1"] td{border:1px solid #BBB;padding:0.5em 0.7em}
table th,table td{vertical-align:top;word-wrap:break-word}
ul.circle{list-style-type:circle}
ul.square{list-style-type:square}
ol.upper-roman{list-style-type:upper-roman}
ol.lower-alpha{list-style-type:lower-alpha}