Need help formatting an ordered list inside an ordered list

Brandon Garnett
Brandon Garnett used Ask the Experts™
on
When I have a list inside another list it indents too far. Is there a way I can change the indents to stop this from happening or limit how far right the text goes. I've attached a picture of the text and what I have for a list inside another list. Thank you
list-in-list-html.PNG
list-in-list.PNG
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2010
Commented:
So, that space is padding on the inner ol.  You can target it using CSS and set the left padding:

ol li > ol {
  padding-left: 10px;
}

Open in new window

Test your restores, not your backups...
Top Expert 2016
Commented:
The other CSS item to experiment with is margin-left, they are related but depending on the situation one will work better than the other.


»bp

Author

Commented:
Thanks margin-left seemed to work. Had to use negative values to get it to move over. Is that normal?
Bill PrewTest your restores, not your backups...
Top Expert 2016

Commented:
You might be able to adjust the padding of the containing object then, rather than the margin of the contained object.  A decent explanation of the items here...



»bp

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial