Pseudo-elements on a Horizontal Rule (<hr> element)


The content inside the <hr> is two pseudo-elements. You can't put pseudo-elements on replaced elements, but you can put them on some non-replaced void elements.

Demo by Louis Lazaris. See article.