Hi,
Set same alignment for trs inside a div
Below is my code, I want the all the tr's alignment to be same inside the div.
Something Long |
$1000 |
Something Even Long |
$10000000 |
if u can see there is a td size difference in above and below records
I want evething to be align properly with some fixed size so that all td will be looking same
<div>
<table cellpadding="10" border="1">
<thead>
<tr>
<td>header1</td>
<td>header12</td>
</tr>
</thead>
<tbody><tr>
<td>Dogs</td>
<td>$100</td>
</tr>
<tr>
<td>Cats</td>
<td>$50</td>
</tr></tbody>
</table>
<tr>
<td>Something Long</td>
<td>$1000</td>
</tr>
<tr>
<td>Something Even Longer</td>
<td>$10000000</td>
</tr>
</div>
div
{
width: 1%;
border-top: 1px solid #dee2e6;
padding: 1%;
}