Document styles:

li {margin: 0.33em;}
.one {font-style: italic;}
.one.one {font-weight: bold;}  /* check this one! */
.one.two.three.four {color: red;}
.four {border: 1px dotted gray;}
.oh {text-decoration: underline;}
.five-oh {background: #CCE;}
.oh.three.five.six.seven.eight.nine {background: yellow;}

Styled elements (text replicates class values):

• one two
• one three
• four one one
• four
• hawaii five-oh
• eight six seven five three oh nine

The content above should appear basically the same as the graphic below-- not counting the size and family of the text itself, the width of the element boxes, or the bullet styles.