1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Title of the document</title>
5 <style>
6 .circle {
7 border-radius: 50%;
8 width: 34px;
9 height: 34px;
10 padding: 10px;
11 background: #fff;
12 border: 3px solid #000;
13 color: #000;
14 text-align: center;
15 font: 32px Arial, sans-serif;
16 }
17 </style>
18 </head>
19 <body>
20 <div class="circle">1</div>
21 </body>
22</html>