combining cells in table <p>how do i embed a youtube video to a table. i want the left and right columns to be 2 rows high and the middle column to have 2 cells, i want the video in the bottom cell, and the text in the top but i cant figure out how to move it there</p> <pre><code>&lt;div class="cbody"&gt; &lt;table class="ctable"&gt; &lt;tr&gt; &lt;td rowspan="2" style="width:105px"&gt;&lt;img class="cimg1" src="meh.png" alt=" " width="100px" height="500px"&gt;&lt;/td&gt; &lt;td&gt;&lt;p class="ctxt"&gt; my text here &lt;/p&gt;&lt;/td&gt; &lt;td rowspan="2" style="width:105px"&gt;&lt;img class="cimg2" src="meh.png" alt=" " width="100px" height="500px"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;iframe width="420" height="315" src="http://www.youtube.com/embed/xI_6oLPC-S0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p>and the css...</p> <pre><code>.cbody { width:800px; margin-left: auto; margin-right: auto; border-style:solid; border-width:3px; } .cimg1 { padding-left:5px; padding-top:5px; padding-bottom:5px; float:left; } .cimg2 { padding-left:5px; padding-top:5px; padding-bottom:5px; float:right; } .ctxt { margin-left:5px; margin-right:5px; text-align:center; } .ctable { width:800px; margin-left:auto; margin-right: auto; border-style:solid; border-width:2px; } </code></pre>