Решение:
HTML-код:
Упражнение HTML CSS - создайте простую панель навигации nav {display: block; position: absolute; top: 0; width: 100%; background-color: green;} li {list-style-type: none; display: inline; margin-right: 20px; font-size: 25px} a: link {color: #fff; украшение текста: нет;} a: hover {цвет: оранжевый; украшение текста: нет;} li> ul {display: none} li: hover ul {display: block; позиция: абсолютная; left: 200px; background-color: green; margin: 0;} li: hover ul li a: link {display: block; margin-left: -30px;} Живая демонстрация:
См. ответ на навигацию Pen от w3resource (@ w3resource) на CodePen.
Поддерживаемый браузер
Да Да Да Да Да
