Need help formatting an ordered list inside an ordered list

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
Brandon GarnettAsked:
Who is Participating?
 
Bill PrewCommented:
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
0
 
zephyr_hex (Megan)DeveloperCommented:
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

0
 
Brandon GarnettAuthor Commented:
Thanks margin-left seemed to work. Had to use negative values to get it to move over. Is that normal?
0
 
Bill PrewCommented:
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
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.