We help IT Professionals succeed at work.

HTML or/and CSS codes to construct numbered paragraphs.

dbrunton
dbrunton asked
on
433 Views
Last Modified: 2017-04-12
Lorem Ipsum
I'm trying to construct a HTML document with a layout similar to the example above.  Indented hanging paragraph with following sub-indented hanging paragraphs below.  Not quite sure if the term hanging indent applies here.  The outer paragraphs are numbered and the inner ones as well but with letters.  Note that the numbering does not have to be done automatically, I can type those.

I can do this with tables (lots of colspans and rowspans involved) but it gets very messy.

But there might be a (simple) way in HTML or CSS to do this that my Google searches can't find.
Comment
Watch Question

CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
dbruntonQuid, Me Anxius Sum?  Illegitimi non carborundum.
CERTIFIED EXPERT

Author

Commented:
Hmmm.  Off to do some experimenting ...
dbruntonQuid, Me Anxius Sum?  Illegitimi non carborundum.
CERTIFIED EXPERT

Author

Commented:
hello
Looks good.  Used <li style="margin-left: -1.5em; padding-left: 1.5em;"> for the li and included <br><br> inside the li to give the blank lines.  And it even validates using CSE HTML Validator Std.  So it looks like win-win except for all of the retyping I have to do.
dbruntonQuid, Me Anxius Sum?  Illegitimi non carborundum.
CERTIFIED EXPERT

Author

Commented:
Thanks.  Better than the

<dl>
<dd></dd>
</dl>

solution I was using.
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
You are welcome.
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.