I am trying to create hanging indents for 'bullets' by indenting wrapped lines after the initial prefix (e.g. "1. " or "1a). "
Take a look at this example of HTML:
<html><body>
<div style="text-indent: -3em; padding-left: 3em;">1. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div>
</body></html>
Why isn't the wrapped line indenting under the first "bla"? How can I achieve this effect?
I am seeking a universal formula that will allow me to determine the necessary CSS and values for text-indent and padding-left based on the prefix size, such as 3 for "1. " or 5 for "1a)."
It is essential for the solution to maintain consistency across various font sizes within the document. Additionally, I am not interested in an ordered list solution.