Caricatos ha hecho la línea como una celda estrecha de 2 pixels cuyo fondo ha cambiado de color
Otra forma, creo que más útil y práctica es, usando también una tabla, redefinir los
bordes de la tabla o celdas que deseemos, sin preocuparnos de su contenido.
Código:
<td style="height: 400px; border-right: 2px ridge black;">
Contenido
</td>
Ejemplo HTML completo:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//ES"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Líneas verticales - 2001.07.30 - 2003.01.07 - Mikel Gómez -->
<html>
<head>
<title>Línea vertical</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.linverder400 {height: 400px; border-right: 2px ridge black;}
.alisup {vertical-align: top;}
</style>
</head>
<body>
<table>
<tr class="alisup">
<td class="linverder400">
Ejemplo de línea vertical
<br /><br />
<img src="http://www.w3.org/Icons/valid-xhtml11"
alt="xhtml 1.1 válido" height="31" width="88" />
<img src="http://www.w3.org/Icons/valid-css"
alt="Valid CSS!" height="31" width="88" />
</td>
</tr>
</table>
</body>
</html>
Si todavía no es lo que quieres
Learing, podrías explicarte un poco más. ¿Qué es lo que andas buscando en realidad?
Saludos,
Mikel