Creating thin vertical separator lines in HTML

This is First Cloumn Before html vertical separator This is Second Cloumn After html vertical separator


The layout above consists of a table 202 pixels wide. This table has only one row with three Column. The first and the last column are 100 pixels wide while the middle column is 2 pixel wide. It's the center column that makes the vertical separator.

Its html code will looks like below code:


<table border="0" cellpadding="0" cellspacing="5">
<tbody>
<tr>
<td><span style="font-size: large;"><b>This is First Cloumn Before seprator</b></span></td>
<td bgcolor="Red" width="2"></td>
<td><b><span style="font-size: large;">This is Second Cloumn After seprator</span></b></td>
</tr>
</tbody></table>
Tags: , ,

Join Us!