I like to make use of the css :before
and a data-*
attribute for the list
HTML:
- list item
- list item
- list item
CSS:
ul:before{
content:attr(data-header);
font-size:120%;
font-weight:bold;
margin-left:-15px;
}
This will make a list with the header on it that is whatever text is specified as the list's data-header
attribute. You can then easily style it to your needs.