Waqas ahmad Waqas ahmad - 1 year ago 40
HTML Question

How it possible in table td has different hights using one table

I want to design table in

that would have different heights of
using only one table. Is it possible? If possible how can I get it done?


Something like this table :

enter image description here

Answer Source
tr {
 height: auto;
td {
 overflow: hidden;
 display: inline-block;
 white-space: nowrap;
 vertical-align: top;
 background-color: #3399ff;
 height: 100%;
 width: 75px;
 border: 1px solid black;
td:nth-child(odd) {
 background-color: #1177dd;
 #b {
 height: 200px;
 #j {
 height: 90px;
 #k {
 height: 180px;

<td id="b">b</td>
<td id="j">j</td>
<td id="k">k</td>