JSFiddle - React, Tailwind, and code Playground
HTML
<ol>
<li>Vyberte si jednu možnost PRODEJ nebo PRONÁJEM</li>
<li>Vyberte druh nabízené nemovitosti – DŮM, BYT, POZEMEK, KOMERČNÍ
PROSTOR</li>
<li>Vyplňte jednoduchý formulář</li>
<li>Do 24 hodin váš inzerát vystavíme na všech 13 podporovaných
serverech</li>
<li>Po uplynutí zkušební doby.. bla bla ble foionrronsd so sve</li>
<li>Veškeré poplatky vám automaticky zasíláme e-mailem a SMS, příp. do
Facebook Messengeru</li>
</ol>
SCSS
li {
position: relative;
line-height: 2.5em;
list-style-type: none;
&:before{
content: '';
position: absolute;
left: -29px;
top: 7px;
display: block;
background: red;
width: 20px;
height: 20px;
border-radius: 50%;
color: white;
padding-left: 7px;
line-height: 1.5em;
}
&:nth-child(1):before{
content: '1';
}
&:nth-child(2):before{
content: '2';
}
&:nth-child(3):before{
content: '3';
}
&:nth-child(4):before{
content: '4';
}
&:nth-child(5):before{
content: '5';
}
&:nth-child(6):before{
content: '6';
}
&:nth-child(7):before{
content: '7';
}
&:nth-child(8):before{
content: '8';
}
}