CSS Demo: content

The interactive example cannot be shown because JavaScript is disabled.

The interactive example cannot be shown because MathML is not supported by your browser.

<p class="topic-games">Game News: A new inFamous is not planned</p>

<p class="topic-weather">Weather for Today: Heat, violent storms and twisters</p>

<p class="topic-hot">Trending Article: Must-watch videos of the week</p>

Game News: A new inFamous is not planned

Weather for Today: Heat, violent storms and twisters

Trending Article: Must-watch videos of the week

.topic-games::before {
  content: '🎮 ';
}

.topic-weather::before {
  content: '⛅ ';
}

.topic-hot::before {
  content: url('../../media/examples/fire.png');
  margin-right: 6px;
}

.topic-games::before {

content: '🎮 ';

}

.topic-weather::before {

content: '⛅ ';

}

.topic-hot::before {

content: url('../../media/examples/fire.png');

margin-right: 6px;

}

CSS Demo: content

Output

Console Output