I have a HTML table with single TR tag and having two TD tags in it.
There are two horizontal lines or HR tags in each TD with some text. so I want fix the text on top of the TD and Horizontal line at the bottom for each column.
here is the sample code.
<html>
<body>
<table width="100%">
<tr>
<td style="text-align: left; width: 50%;">
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<hr width="40%" />
</td>
<td style="text-align: left; width: 50%;">
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
sdbasdbmnsadbmnasdsad
<br />
<hr width="40%" />
</td>
</tr>
</table>
</body>
</html>
Make a row beneath the text rows for the
hr‘sNow you can control the height of the individual rows to get any kind of spacing you want