List ordering the wrong way – increase indent!

You’ll need to link to a Webpage with the issue

You could do it on all WordPress-Pages! Go to the Backend. Edit Visual Editor!

Type anything you want
Tye a new line
and another on

select those three lines and set them as “bulletpoints”

select the middle line and “increase the ident” with the icon shown in the second line of the visual editor!

change to the html-Edit mode and view the DOM!

et voila!

Indent icon? Second toolbar line? I see no such things on my installation, and it’s pretty much out of the box. You apparently have an enhanced editor through your theme or plugin. See if you can track down the source and bring this up with the author.

Sorry, maybe not written very well. Here is a screenshot:

https://www.dropbox.com/s/4g4zwyf0w0anq3f/indent.png?dl=0

The code you put up in the first post doesn’t look like chaos to me. It appears the way that it should do.

The indent icon that albertaugustin refers to is revealed if you click the right hand icon in the first row: Show Hide the Kitchen Sink.

it should be like that i mean:

<ul>
	<li>Bullet1</li>
<ul>
	<li>Bullet2</li>
	<li>Bullet3</li>
</ul>
	<li>Bullet4</li>
</ul>

?

Hello,

I’ve just been in to my WP install and tried it out in the visual editor. This is the code from the text editor.

<ul>
	<li>one</li>
	<li>two
<ul>
	<li>two a</li>
	<li>two b</li>
</ul>
</li>
	<li>three</li>
	<li>four</li>
	<li>five</li>
</ul>

That’s how it should be if you have a sub-list or whatever you call it.

But I’m getting a bit lost here now. What is the issue we are trying to sort out?

So sorry.

Hi!
Wow, I am ashamed a bit. but you are right!

This is the correct HTML. Thought for years, that a “second level” list is outside a “li”-Element!!

Thank you all for helping me out with this! ??

Well done @albertaugustin

If I’m honest, I hate going through complex lists it easily confuses me.

Glad we got it resolved. And I think that WP is real clever being able to take care of all that in the visual editor.

Thank you! @martcol
The project is sadly not that easy and it was a “must” to have those “2level”-Bulletpoint lists!
The lists are packed with video and image-elements! That makes it not easy to have a clean HTML CSS and that’s why i “stumbles” over that fancy HTML-construct ??