Pseudoelements are things you add before or after an element that can be styled,
icons and symbols, or adding an extra clearing element.
Here's how you write them.
content: "this will be inserted before stuff";
Typically the content is a character or
"", but it could be longer text.
For this example, use this HTML. Obviously, you can't just add a * and an "x" to your markup. That's cheating.
<p class="footnote">Read the fine print.</p>
Sometimes pseudoelements take some finessing to lay them out correctly relative to the rest of the content.
vertical-align are usually good things to try fiddling with.