Multi-level indent CSS for bullet

Question

Does someone know the css to stop the level 2 of a multi-level list from indenting so far? Example:

1. 12345Level One

> Level Two

I want the bullet to be under 1 but it kicks it out further. I realise that this is a personal choice but I can't believe that I can't get it to work by editing the css code.

I have experimented with the css for a multi-level list using Notepad for a while now and I have found that what I see in RH is not what I get in the compiled help. I found this to be true in all versions of RH. I do not want to create a custom RH list style. I would think that I should be able to do it with standard css.

My code is clean and currently I don't have any CSS defined for LI, OL, or UL.

<ol>
<li>Level 1</li>
<ul>
<li>Level 2</li>
</ul>
</ol>

Changing the left margin for LI moves the whole list left, but it doesn't fix the level 2 indent.

Level 1

Level 2

Changing the left margin for LI moves the whole list left, but it doesn't fix the level 2 indent.

Willam van Weelden · Answer

Hi,What version of RH are you using? If you use RH8, you can define list styles in the style editor. Make one for level 1, one for level 2, etc. (You have to apply the styles manually).To target nested lists, use li li {} in your style sheet. This targets all list items nested inside list-items. To decrease the indent, simply apply a margin-left.BTW: you html code is not correct (RH does this when you use the indent buttons for lists), it should be:

Level 1
- Level 2

Greet,Willam

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded