时间戳

首页 > 解决方案 > display:run-in 可以用吗？如果没有，有什么替代方案？

css - display:run-in 可以用吗？如果没有，有什么替代方案？

问题描述

我正在尝试创建一个网页来模仿法律文件的外观，其中部分标题以粗体显示并进入该部分第一段的正文。像这样的东西：

区域。最小地块大小五 (5) 英亩，至少两 (2) 英亩，不包括湿地。（1992 年 3 月修订。）

临街。在 V 级或更好的道路上行驶两百 (200) 英尺。（1999 年 3 月修订。）

挫折。距离所有公园线两百 (200) 英尺。

明显的 HTML 将是

<h3>Area.</h3>
<p>Minimum lot size five (5) acres with a minimum of two (2) acres excluding wetlands. 
(Amended March 1992.)</p>
<h3>Frontage.</h3>
<p>Two hundred (200) feet on a Class V or better road. (Amended March 1999.)</p>
<h3>Setbacks.</h3>
<p>Two hundred (200) feet from all park lines.</p>

这看起来就像 CSSdisplay: run-in的创建目的。但从我所读到的，display: run-in几乎已经死了。

有没有好的选择？

标签： css

解决方案

这是一个很好的浮动案例：

h3 {
  font-weight: bold;
  float: left;
  margin: 0 5px;
  font-size: initial;
}
<h3>Area.</h3>
<p>Minimum lot size five (5) acres with a minimum of two (2) acres excluding wetlands. (Amended March 1992.)</p>
<h3>Frontage.</h3>
<p>Two hundred (200) feet on a Class V or better road. (Amended March 1999.)</p>
<h3>Setbacks.</h3>
<p>Two hundred (200) feet from all park lines.</p>

推荐阅读