Ошибка в коде не работает выпадающее меню.Не могу понять где ошибка?

Question

[ilya granovskyy]

Answer 1

[Sagrana]

<ul id="navbar">
      <li>About the company</li>
      <li>Our projects</li>
      <li class="dropdown">Our proposals
        <ul class="dropdown-content">
           <li><a href="">1</a> </li>
           <li><a href="">2</a> </li>
        </ul> 
      </li>
      <li>Contacts</li>
    </ul>

.dropdown:hover .dropdown-content {
  display: block;
}

Comments

[ilya granovskyy]

не работает то что вы дали я уже пробовал

[Sagrana]

ilya granovskyy, обратите внимание, что у вас неверная разметка дочернего меню.

У вас:

<li class="dropdown1">Our proposals </li>
<ul class="dropdown-content">
    <li><a href="">1</a></li>
    <li><a href="">2</a></li>
</ul>

А должно быть:

<li class="dropdown1">Our proposals 
    <ul class="dropdown-content">
        <li><a href="">1</a></li>
        <li><a href="">2</a></li>
    </ul>
</li>

Дочерний ul должен быть внутри строки li.