rework table into paragraphs
<p>In my store there many items have different options like size or color. The eCommerce platform allows for these but codes them using tables. I cannot access the source files of the platform so there's nothing I can do on the backend to format these the way I would like. Currently they are formatted like:</p>

<pre><code>&lt;div class="attributes"&gt;
    &lt;table&gt;
        &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td&gt;Size:&lt;/td&gt;
                &lt;td&gt;&amp;nbsp;&lt;/td&gt;
                &lt;td&gt;&lt;select&gt;&lt;option&gt;Select&lt;/option&gt;&lt;/select&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;
&lt;/div&gt;
</code></pre>

<p>Each option is in its own row so if there were the option to pick the color, there would just be another row in the table with three <code>&lt;td&gt;</code>'s that had the options for the color. Now what I want is instead of these to be listed vertically, I want them listed horizontally. What would be the best way to accomplish this? I should mention JavaScript is my only choice as the platform doesn't allow any asp or php files to be uploaded to the server. I'm hoping there is a relatively easy way to do this. I've tried grabbing the contents of each <code>&lt;td&gt;</code> and storing it and then removing the <code>&lt;table&gt;</code> from the DOM and inserting the contents into <code>&lt;p&gt;</code> tags but that got to be more trouble than it was worth. Any suggestions would be greatly appreciated.</p>
