Source Code:
(back to article)
Submit
Result:
Report an issue
<!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>