HTML - таблица/тд проклейки вопрос

Question

У меня проблема рассматривается здесь: http://jsfiddle.net/gcgz8/

<table> 
    <tr> 
    <td class="header">Header</td> 
    <td class="line"><div></div></td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
     <img src="http://i.imgur.com/uO2gVbl.png" width="200px" /> 
    </td> 
    </tr> 
</table> 

Всякий раз, когда я добавить изображение или видео в мое содержание материала, заголовки и линии испортится

Answer 1

http://jsfiddle.net/gcgz8/3/

Ответ: Не используйте таблицы?

<span class="left">Header</span><span class="right"></span> 
<p>content content content content content content content content content content content content content content content content content </p> 
<span class="left">Header</span><span class="right"></span> 
<p><img src="http://i.imgur.com/uO2gVbl.png" width="200px"></p> 

CSS

.left { 
    display: inline-block; 
    width: 12%; 
    font-size: 30px; 
} 
.right { 
    display: inline-block; 
    width: 88%; 
    background: black; 
    margin: 25px 0 10px 0; 
    height: 5px; 
} 

Это не моя лучшая работа, просто пример того, что вы "может" сделать.