Вставить DIV до ТАБЛИЦА

Question

Я просто хочу вставить DIV, содержащий некоторый текст перед элементом таблицы.

Я пробовал это, но текст вставлен между thead и первой строкой данных, и первый столбец таблицы получает нарушение из-за вставленного текста.

Что было бы правильным решением? Я не могу добавить имена классов в элемент таблицы, так как я должен применить этот стиль к существующему устаревшему контенту.

Адрес jsFiddle.

CSS:

table:before { 
    content:"this text should use the whole width of the table!"; 
} 

Answer 1

Это может помочь вам:

К сожалению я просто не хватает в предыдущем посте:

CSS

table:before { 
    content:"this text should use the whole width of the table!"; 
} 

table 
{ 
    display:block; 
} 

UPDATED:DEMO