How To Make A Horizontal List With Divs?

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/

Solution 1:

If you use display: inline or float: left they will probably appear horizontal.

Solution 2:

1. using display: inline; is not the same as using inline-block.
2. It looks like you're trying to to display list-items, not divs inline.

If #2 is correct, you need to make sure that you use display: inline-block, not display: inline.

Also, from your code, you'll want to make sure your ul element has an id="navlist" ... The same style will not work for all other UL elements in the document.