Currently, I am faced with the challenge of embedding third-party content via dynamic means without any knowledge of Ajax or jQuery. My question is whether it's feasible to move a table cell onto a new line, essentially creating a new row.
The embedded content looks like this:
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
This table does not have any classes or IDs assigned to it, and it contains too much information to fit on a single line. As this is for a mobile website, the entire page needs to be 320 pixels wide.
Can this be achieved using CSS alone?
I am unable to add new HTML code as the content is dynamically generated from a secure server that we do not have direct access to. However, we do utilize an API key for access. Media queries are effective in this case.
My current approach involves experimenting with something like this:
td {clear:both;}