如何根据h标记的宽度设置p标记的宽度

Question

所以我有一个<小时>标签和<p>标签。的宽度<p>标签需要跟随的宽度<小时>标签和宽度<小时>标签将根据其文本的长度动态更改。

以下是示例

示例1：标题：此文本将不时更改段落：此文本的宽度需要适合前一个标题标记的宽度。等等等等等等啊废话废话lbah示例2：标题：此文本已更改段落：宽度文本也发生了更改，因为前航向宽度改变。

我不能使用javascript，因此需要一个css或html解决方案。谢谢！

Answer 1

一种方法是使用CSS表格+表格选项。

J小提琴

.容器{显示：表格；}.容器h2{边距：0；}.容器p{显示：桌面图标；标题端：底部；背景：#ccc；填充：5px；}

<div class=“container”><h2>短标题</h2><p>Lorem ipsum悲哀坐在amet，奉献敬爱的精英。Maecenas nec risus dignissim、varius nibh sed、dapibus tortor</p>（第页）</div><br/><div class=“container”><h2>长-长-长标题</h2><p>Lorem ipsum悲哀坐在amet，奉献敬爱的精英。Maecenas nec risus dignissim、varius nibh sed、dapibus tortor</p>（第页）</div>