tablas y css

hola amigos

aqui tenemos un diseño de tabla casi perfecto

Table designs

Design Name	Author	Country	Comment	Download
Total	87 designs
serif my love	Frank Schnappenberger	Germany	A clean and simple table design with serif font	Download
REDandBLACK	Martin Paffenholz	Germany	Style like our website. Best viewed in Mozilla Firefox.	Download
UV Green	Kunimichi Takahashi	USA	Let me know what you think.	Download

Empezamo ahora con una sencilla

Comando	función
TR	Siguiente fila
TH	Encabezado en columna siguiente
TD	Texto en la columna siguiente

ahora voy a intentar una de dos como quiero hacer

Esto es una prueba segunda linea tercera linea cuartalinea quinta linea

y esto es lotro lao con solo dos lineas

Ahora voy a ponerle css con border=0
crearemos la clase tutabla
div.tutabla {
width:100%;
}
table.tutabla {
text-align:center;
margin-left:auto;
margin-right:auto;
width:400px;

padding:0;
border:0;
background:white;

}

tr.tutabla
{

padding:0;
border:0;

}
td.tutabla-left
{
text-align:left;
padding:0;
border:0;
}
td.tutabla-right
{
text-align:left;
padding:0;
border:0;


}

Esto es una prueba segunda linea tercera linea cuartalinea quinta linea

y esto es lotro lao con solo dos lineas

He conseguido centrar la pero con un width fijo. No es lo mas interesante, pero puede valer.
-----------------------
Si no pongo width en la tabla y si lo pongo en los contenidos ¿que pasará?


crearemos la clase tutabla1
div.tutabla1 {
width:100%;
}
table.tutabla1 {
text-align:center;
margin-left:auto;
margin-right:auto;
/*width:400px;*

padding:0;
border:0;
background:white;

}

tr.tutabla1
{

padding:0;
border:0;

}
td.tutabla1-left
{
text-align:left;
padding:0;
border:3pt;
width:300pt;
}
td.tutabla1-right
{
width:100pt;
text-align:left;
padding:0;
border:3pt;


}

Esto es una prueba segunda linea tercera linea cuartalinea quinta linea

y esto es lotro lao con solo dos lineas