He podido alcanzar algún resultado, pero el mismo no se visualiza en todos los navegadores; sólo es válido en IE 6
Código htm:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<style type="text/css" media="all">
table {
width: 500px;
}
br {
display: block;
background: #FFF;
border-bottom: 1px dotted #000;
}
td {
width:50%;
padding: 10px 5px;
border:none;
vertical-align: top;
}
</style>
<body>
<table>
<tr>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
Nulla vitae ipsum sollicitudin eros vehicula gravida.<br />
Duis urna tortor, laoreet a, semper a, consectetuer quis, metus.</td>
<td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla vitae ipsum sollicitudin eros vehicula gravida.
Duis urna tortor, laoreet a, semper a, consectetuer quis, metus.</td>
</tr>
<tr>
<td>Ipsum sollicitudin eros vehicula gravida<br />
Lorem ipsum dolor sit amet</td>
<td> </td>
</tr>
</table>
</body>
</html>
He intentado hacerlo trabajar con alguna pseudo-clase pero no he pasado de lo que muestro.
