Можно ли использовать дисплей: обкатка? Если нет, какова альтернатива?

Question

Я пытаюсь создать веб-страницу, чтобы имитировать c внешний вид юридического документа, в котором заголовки разделов выделены жирным шрифтом и помещаются в текст первого абзаца раздела. Примерно так:

Площадь. Минимальный размер участка пять (5) акров с минимумом два (2) акра, исключая водно-болотные угодья. (Изменено в марте 1992 г.)

Фасад. Двести (200) футов на дороге класса V или лучше. (Изменено в марте 1999 г.)

<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>

Это похоже на то, для чего был создан CSS display: run-in. Но из того, что я прочитал, display: run-in довольно-таки мертв.

Есть ли хорошая альтернатива?

Answer 1

Это хороший случай для числа с плавающей запятой:

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>