Hanging Indent in HTML

Output List:

1. First item. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right.
2. Second item. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right.
3. Third item. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right.
4. Fourth item. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right. This line starts normally, but all following lines in this specific item will be indented to the right.

Code Used:

<ol style="list-style-position: inside; padding-left: 0px;">
    <li style="margin-bottom: 10px; padding-left: 10px; text-align: justify; text-indent: -15px;">XXX</li>
    <li style="margin-bottom: 10px; padding-left: 10px; text-align: justify; text-indent: -15px;">YYY</li>
    <li style="margin-bottom: 10px; padding-left: 10px; text-align: justify; text-indent: -15px;">ZZZ</li>
</ol>