EN
CSS - how to create table with pure styles
3 points
In this short article we would like to show how to create table with CSS.
Quick solution:
xxxxxxxxxx1
2
<html>3
<head>4
<style>5
6
div.table {7
display: table;8
}9
10
div.tr {11
display: table-row;12
}13
14
div.td {15
width: 50px; /* <-------- optional */16
display: table-cell;17
}18
19
</style>20
</head>21
<body>22
<div class="table">23
<div class="tr">24
<div class="td">H 1</div>25
<div class="td">H 2</div>26
<div class="td">H 3</div>27
</div>28
<div class="tr">29
<div class="td">B 1.1</div>30
<div class="td">B 1.2</div>31
<div class="td">B 1.3</div>32
</div>33
<div class="tr">34
<div class="td">B 2.1</div>35
<div class="td">B 2.2</div>36
<div class="td">B 2.3</div>37
</div>38
</div>39
</body>40
</html>
