<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
span.circle {
background: #e3e3e3;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #6e6e6e;
display: inline-block;
font-weight: bold;
line-height: 40px;
margin-right: 5px;
text-align: center;
width: 40px;
}
</style>
</head>
<body>
<span class="circle">1</span>
</body>
</html>