<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
span {
border-radius: 50%;
background-color: #c7dbc1;
border: 4px solid #47962f;
width: 25px;
height: 25px;
margin: 30px 0 0 40px;
display: block;
position: relative;
}
span:before {
content: attr(data-value);
position: absolute;
white-space: pre;
display: inline;
top: 0;
left: 50%;
transform: translate(-50%, -25px);
}
</style>
</head>
<body>
<span data-value="Lorem Ipsum"></span>
</body>
</html>