CSS Pseudo-element :before

Description:

The :before pseudo-element is used to insert some content before an element.

Example:

Following is the example which demonstrates how to use :before element to add some content before any element .

<style type="text/css">
p:before
{
content: url(images/bullet.gif)
}
</style>
<p> This line will be preceded by a bullet.</p>
<p> This line will be preceded by a bullet.</p>

<p> This line will be preceded by a bullet.</p>

This will produce following black link:

This line will be preceded by a bullet.