Tryit Editor v2.9

Edit This Code:

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../lib/w3.css">
<body class="w3-container">

<h2>Badges</h2>
The w3-badge class creates circular badges.

News 6
Comments 8
Updates 9

</body>
</html>

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../lib/w3.css">
<body class="w3-container">

<h2>Badges</h2>
<p>The w3-badge class creates circular badges.</p>

<p>News <span class="w3-badge w3-green">6</span></p>
<p>Comments <span class="w3-badge w3-red">8</span></p> 
<p>Updates <span class="w3-badge w3-dark-grey">9</span></p>

</body>
</html>