html - How it possible in table td has different hights using one table -
i want design table in html have different heights of td using 1 table. possible? if possible how can done? <table> <tbody> <td>height:30px</td> <td>height:90px</td> <td>height:60px</td> <td>height:80px</td> </tbody> </table> something table : <style> 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; } </style> <table> <tbody> <tr> <td id="b">b</td> <td id="j">j</td> <td id="k">k</td> </tr> </tbody> </table>