Keep list numbers aligned with text

When creating a list using the options you are, such as changing the indent, that can break things until other fields are changed. It really is tricky.

Next to the Level field there is a Clear Formatting icon. Have you tried using that?

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Which update do you have applied? In Update 6 some settings were separated out and only shown if Advanced formatting is selected.

If you create a list in a new project, you will not see P in the code. That suggests you are applying a paragraph style over the top of the list style. Like Amber, I suggest you try to resolve the issues by working in a new project with a new CSS file.

Like Jeff, I haven't seen the extra indent but it looks like the reverse of a first line indent. I think the tip to use an ordinary style below a list item is simply to get vertical spacing correct. I can't see how that would affect list item 3 as you have returned to the list styling. It hasn't happened in Amber's example.

You could also try adding a topic to the About RoboHelp sample project and playing with the list styles there.

There is a further consideration. The Advanced settings have given some users browser compatibility issues. The list looks fine in RoboHelp and works in some browsers but not others. That is the result of how each browsers own CSS impacts on list styles. Without any of the Advanced settings defined, lists should be consistent, with maybe very minor differences, in all browsers. When you use any of the Advanced settings that is no longer true. When you change one advanced setting, the browsers default CSS may conflict unless you change another setting as well. It's all very complex. I don't think this is the issue here but it's something to consider if your users could be using different browsers. You could get the root problem fixed and then find it's not the same in all browsers. The differences may be acceptable but that's for you to decide.

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

I'm not sure what settings are visible in the user interface and I don't currently have access to RH2020. So I can only suggest you look at the css code to see if you can find a p tag anywhere in the css code with "display: inline-block" and "vertical-align:top;"

Alternatively, start with a new css and gradually make changes to set up your styles again, until you find the style causing the issue. (Or the new stylesheet might not get the problem, depending on what changes you make)

I think it's to do with a p tag somewhere being set to "display: inline-block;", in combination with "vertical-align: top;". (The differing heights are to do with the size of the images.) 

Note: I can't comment on multilevel numbering as I don't use it. I recommend making changes in a small test project with a copy of your stylesheet so you can revert to the current settings when necessary.

For example I get this with the following stylesheet:

li {
	
}
p {
	display: inline-block;
	margin-top: 10pt;
	vertical-align: top;
}

img {

}

  (yep, that's the entire stylesheet)

And this is the html:

<h1>numbering an image issue</h1>
<ol style="list-style: decimal;">
	<li><p>Type topic text here.</p></li>
	<li><p>text <img src="../Images/Buttons_Icon.png" alt="" style="border: none;" 
					 border="0" /></p></li>
	<li><p>text <img src="../Images/ExpandAllLinks.png" alt="" style="border: none;" 
					 border="0" /></p></li>
</ol>

I've not noticed that sort of shifting - what version of RH are you using? I would expect to see soft-returns (Shift-Enter) used after the text and image on line 2, and a hard enter after the "...next to the case." text.