Horizontal (inline) list in HTML/CSS with divs

Question

I am trying to build a simple horizontal list, where each list item is a div and I want them all to sit next to one another. When I try to use the code below though, the div

Answer 1

Each div inside the list items is displayed as a block by default. Display them inline as well and it should work.

#navlist div, #navlist li
{
  display: inline;
}
#navlist li
{
  list-style-type: none;
  padding-right: 20px;
}