list - How to make a horizontal list with divs?

Question

I am trying to make a simple list , in which there will be 3 divs. I can not do that, although I did exactly what in this topic was mentioned :

Horizontal (inline) list in HTML/CSS with divs

The divs appear vertical and I can not imagine why.

Do you know any other way to do it?

Thank you in advance.

Answer 1

如果您使用display: inline，否则float: left它们可能会出现水平。

Answer 2

1. 使用显示：内联；与使用 inline-block 不同。
2. 看起来您正在尝试显示列表项，而不是 div 内联。

如果#2 正确，则需要确保使用 display: inline-block，而不是 display: inline。

此外，从您的代码中，您需要确保您的 ul 元素具有 id="navlist" ...相同的样式不适用于文档中的所有其他 UL 元素。