Reload Page ❖ Experimen CSS List Styleweb created
Css
Jquery
Html
Result
Show Result

Edit in JSFiddle

xxxxxxxxxx
 

https:////example.com/style.css X

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

https:////example.com/script.js X

1
 
1
...........
36
 
1
<table class="full reference" border="1">
2
<tbody>
3
<tr id="table-2_row-1">
4
<th>Circle</th>
5
<td><ul class="circle">
6
<li>Coffee</li>
7
<li>Tea</li>
8
<li>Coca Cola</li>
9
</ul></td>
10
</tr>
11
<tr id="table-2_row-2">
12
<th>Square</th>
13
<td><ul class="square">
14
<li>Coffee</li>
15
<li>Tea</li>
16
<li>Coca Cola</li>
17
</ul></td>
18
</tr>
19
<tr id="table-2_row-3">
20
<th>Upper Roman</th>
21
<td><ol class="upper-roman">
22
<li>Coffee</li>
23
<li>Tea</li>
24
<li>Coca Cola</li>
25
</ol></td>
26
</tr>
27
<tr id="table-2_row-4">
28
<th>Lower Alpha</th>
29
<td><ol class="lower-alpha">
30
<li>Coffee</li>
31
<li>Tea</li>
32
<li>Coca Cola</li>
33
</ol></td>
34
</tr>
35
</tbody>
36
</table>