Link to home
Start Free TrialLog in
Avatar of dbrunton
dbruntonFlag for New Zealand

asked on

HTML or/and CSS codes to construct numbered paragraphs.

User generated image
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.
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of dbrunton

ASKER

Hmmm.  Off to do some experimenting ...
User generated image
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.
Thanks.  Better than the

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

solution I was using.
You are welcome.