А что так можно div в li оборачивать или это не правильно? <nav> <div class="main-nav"> <ul class="left"> <li class="dropdown"><a href="#">Home</a> <div class="dropdown-content"> <a href="#">Third</a> <a href="#">Third Link</a> <a href="#">Third Link 3</a> </div> </li> <li><a href="#">Gods</a></li> <li><a href="#">Goddesses</a></li> </ul> <div class="play-now"></div> <ul class="right"> <li><a href="#">Heroes</a></li> <li><a href="#">Myths</a></li> <li><a href="#">Beasts</a></li> </ul> </div> </nav>