Cellula tabella reattiva a nuova riga

Question

C'è un sito di contenuti di terze parti che devo "EMBED" tramite contenuto dinamico, non conosco Ajax o Jquery al momento, quindi mi chiedo se è possibile spostare una cella di tabella in basso a una nuova riga essenzialmente creando una nuova riga.

L'embed finisce con:

<table> 
<tr> 
<td></td> 
<td></td> 
</tr> 
</table> 

Non c'erano classi o ID collocato nella tabella, tuttavia è l'unica tabella alla pagina e ha modo troppo contento di stare su una sola riga, questo è per un sito Web mobile, quindi devo rendere l'intera pagina di 320 pixel di larghezza.

È possibile utilizzare solo il CSS?

Non riesco a inserire nuovo codice HTML, il contenuto viene creato dinamicamente da un server sicuro a cui non si ha accesso, ma usiamo una chiave API per poter accedere .. anche le mediaqueries funzionano.

Attualmente sto cercando di sperimentare qualcosa sulla falsariga di:

td {clear:both;} 

Answer 1

È possibile impostare il td-display:block; poi saranno tutti sotto vicenda.

HTML

<table> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
</table> 

CSS

td{ 
    display:block; 
} 

Vedi qui: http://jsfiddle.net/hDsts/

Answer 2

Altro soluzione (quando display: block; non opere) è quello di utilizzare inline-block:

CSS

td { 
    display: inline-block; 
}