How can i add whitespace in front of <li> i would prefer not using <pre> since the paragraph inside my <li> are quite long it would take time adding breakline manually also <pre> ruin my site css margin design
<ol>
<li> Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.</li>
<li> Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.</li>
<li> Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.</li>
</ol>Expected Result:
1. Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.
2. Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.
3. Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.
>Solution :
Just add a padding-left to the <li>
li {
padding-left: 50px;
}<ol>
<li> Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.</li>
<li> Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.</li>
<li> Lorem ipsum dolor sit amet maecenas quis risus non sem hendrerit mollis in et enim consectetur adipiscing elit.</li>
</ol>