x
<html><head><meta http-equiv="content-security-policy" content="script-src 'none'"><style>ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333;}li { float: left;}li a { display: block; color: white; text-align: center; padding: 16px; text-decoration: none;}li a:hover { background-color: #111;}</style></head><body><h2>Навігаційне меню</h2><p>В цьому прикладі ми використовуємо CSS для стилізації списку по горизонталі, щоб створити меню навігації:</p><ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li></ul></body></html>