Как я могу изменить размер абзаца HTML так же, как и таблицу под ним? [дубликат] ⇐ CSS

[Anonymous]

Я хочу показать абзац текста прямо над таблицей. Таблица генерируется динамически, поэтому я не знаю заранее ширину, но хочу, чтобы абзац был такой же ширины, как и таблица.
Пример html:

Код: Выделить всё

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eros mi, tristique vel ipsum in, semper posuere lacus. Nullam quis
lacus tristique, vehicula quam at, ultricies felis.


Column 1
Column 2
Column 3


Column 1 data
Column 2 has a longer amount of data
Column 3 data

Но это выглядит так:


Мне бы хотелось, чтобы это выглядело так это:


Я хочу, чтобы это было динамическим, поэтому я не могу использовать фиксированные или процентная ширина. Я мог бы поместить их обоих в div, но не знаю, какую ширину указать. Я не могу понять, как приказать ему установить ширину самого узкого элемента, а не самого широкого.
Ответы на Javascript или jQuery в порядке, так как я их использую, но Я уверен, что есть способ сделать это с помощью CSS.

Подробнее здесь: https://stackoverflow.com/questions/793 ... e-under-it