Tabla html

[wiwi74]

Hola.

Como puedo hacer para que una tabla que luce asi
al tener palabras cortas (que concerva su ancho).

Código HTML:

<table width="300" border="1">
<tr><td>Lorem</td></tr>
<tr><td>ipsum</td></tr>
<tr><td>ipsum</td></tr>
</table>
 

<p />
Que luego se ensanche, amoldandose a una cadena de texto mas larga
de manera tal que no se produzcan saltos de lineas. En este caso se produce salto
de linea.

Código HTML:

<table width="300" border="1">
<tr><td>Lorem</td></tr>
<tr><td>ipsum</td></tr>
<tr><td>ipsum</td></tr>
<tr><td>Lorem ipsum dolor sit amet, fugit disputando voluptatibus no qui.</td></tr>
</table>
 

Si quito width="300" se amnolda pero con palabras cortas queda una tabla
muy angosta y esteticamente mal

[AngelKrak]

Podrias hacer algo como esto amigo ;)

Código HTML:

<table id="uno" border="1">
<tr><td>Lorem</td></tr>
<tr><td>ipsum</td></tr>
<tr><td>ipsum</td></tr>
</table>
 
<table id="dos" border="1">
<tr><td>Lorem</td></tr>
<tr><td>ipsum</td></tr>
<tr><td>ipsum</td></tr>
<tr><td>Lorem ipsum dolor sit amet, fugit disputando voluptatibus no qui.</td></tr>
</table>
 

Código CSS:

#uno {
    min-width: 300px;
}
#dos {
    min-width: 300px;
    width: auto;
}
 

http://jsfiddle.net/AngelKrak/ctf5n648/