p.before « Tags « HTML / CSS






1.p: before {content: "Quick Tip: "}
2.p:before content: url(images/pencil.gif);
3.p:before {content: counter(paragraphNumber, upper-roman) ": ";}
4.p:before {content:attr(class) ": ";}
5.This paragraph contains a note, the image has been added using the :before pseudo-element.
6.Adding quotation marks with p:before and after with 'content'
7.p.note:before, p.note:after