Captioned List Example

Author: Justin Martin

Comments: The caption can be styled as you wish, and need not necessarily be display: block;. The primary advantage of using captions, in this way, is that you need not clutter your markup structure with extraneous elements, unrelated to your data.

HTML
<ul class="captioned" title="Example Caption">
 <li>Item 1</li>
 <li>Item 2</li>
</ul>

CSS
ul.captioned[title]:before {
 content: attr(title);
 display: block;
}