As we know <hr> tag is use to make horizontal line.But many time there is a need of make a vertical line we can not be possible using hr ....But I Make with a trick that is table you can change a cell of a table in vertical line how?? take a look on following code..
<table cellspacing="5" border="0" cellpadding="1">
<tr valign="top" align="left">
<td width="300"><p>Put your page content</p></td>
<td width="1" bgcolor="#00FFEE"><br /></td>
<td width="100" valign="top" align="left">
<p>Enter Your Text</p>
<p>Girfa<br>Girfa<br>Girfa</p>
</td>
</tr>
</table>
<table cellspacing="5" border="0" cellpadding="1">
<tr valign="top" align="left">
<td width="300"><p>Put your page content</p></td>
<td width="1" bgcolor="#00FFEE"><br /></td>
<td width="100" valign="top" align="left">
<p>Enter Your Text</p>
<p>Girfa<br>Girfa<br>Girfa</p>
</td>
</tr>
</table>