display:run-in 是否可用？ 如果没有，有什么替代方案？

Question

I'm trying to create a web page to mimic the appearance of a legal document in which section titles are bold-faced and run into the body of the first paragraph of the section. Something like this:

Area. Minimum lot size five (5) acres with a minimum of two (2) acres excluding wetlands. (Amended March 1992.)

Frontage. Two hundred (200) feet on a Class V or better road. (Amended March 1999.)

Setbacks. Two hundred (200) feet from all park lines.

The obvious HTML would be

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

This looks like exactly what CSS display: run-in was created for. But from what I've read, display: run-in is pretty-much dead.

Is there a good alternative?

Answer 1

This is a good case for float:

 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>