<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
ol,
li {
margin: 0;
padding: 0;
}
ol {
counter-reset: list;
display: table;
}
li {
list-style: none;
counter-increment: list;
display: table-row;
}
li::before {
content: counter(list) ".";
display: table-cell;
text-align: right;
padding-right: 1em;
}
</style>
</head>
<body>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to
make a type specimen book.
</p>
<ol>
<li>