Notifications Icons

by Joe Saad

HTML

<span class="two">2</span>
<div class="two">2</div>

<span class="three">3</span>
<div class="three">2</div>

CSS

body {background-color: #ccc;}

.two {background-color: gray; border:1px inset grey;border-radius: 5px; width: 20px; height: 20px; text-align: center; position: relative; margin: 20px; display: inline-block; color:#fff; color:#38373D;
font-weight:bold;
text-shadow:1px 1px 0 #FFFFFF;}

.three {background-color: #0ff; border-radius: 15px; width: 20px; height: 20px; text-align: center; position: relative; margin: 20px; display: inline-block;}