отзывчивая ячейка таблицы на новую строку

<p>есть сторонний контент-сайт, который мне нужно «внедрить» с помощью динамического контента, на данный момент я не знаю ajax или jquery, поэтому мне интересно, возможно ли сместить ячейку таблицы вниз на новую строку, по сути создав новую строку ,.</p><p>встраивание заканчивается: </p><pre><code><table> <tr> <td></td> <td></td> </tr> </table> </code></pre><p>в таблице не было ни классов, ни идентификаторов, однако это единственная таблица на странице, и в ней слишком много контента, чтобы поместиться в одну строку, это для мобильного сайта, поэтому мне нужно сделать всю страницу 320 пикселей в ширину.</p><p>возможно ли использовать только css?</p><p>я не могу вставить новый html, контент динамически создается с защищенного сервера, к которому у нас нет доступа, но мы используем ключ api для доступа ... хотя медиазапросы работают.</p><p>в настоящее время я пытаюсь поэкспериментировать с чем-то вроде: </p><pre><code>td {clear:both;} </code></pre>

<p>вы можете установить <code>td</code> в <code>display:block;</code>, тогда они все будут под друг друга.</p><p><strong>html</strong></p><pre><code><table> <tr> <td>1</td> <td>2</td> </tr> </table> </code></pre><p><strong>css</strong></p><pre><code>td{ display:block; } </code></pre><p>смотрите здесь: <a href="http://jsfiddle.net/hdsts/">http://jsfiddle.net/hdsts/</a> </p>

<p>другое решение (когда <code>display: block;</code> не работает) заключается в использовании <code>inline-block</code>:</p><p><strong>css</strong></p><pre><code>td { display: inline-block; } </code></pre>