WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Question: inlne headings

for

From: Patrick H. Lauke
Date: Aug 17, 2013 1:00AM

Perhaps enclosing them in a container and making them inline?

<style>
.runin h2 { font-size: 1em; }
.runin h2, .runin p { display:inline; }
.runin h2::after { content:" - "; }
.runin { padding-bottom: 1em;}
</style>

<div class="runin"><h2>Objective</h2>
<p> This report presents national estimates of blue widgets.</p>
</div>
<div class="runin">
<h2>Methods</h2>
<p>Estimates are based on data collected during 2012.</p>
</div>

P