tutorial
family.com
Home
Html
Css
Php
Free sources
Blog
<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> ul { list-style-type: none; margin: 20px 0; padding: 0; overflow: hidden; background-color: #666; } .horizontal li { float: left; } li a { display: block; color: white; text-align: center; padding: 15px; text-decoration: none; } li a:hover { background-color: gray; } </style> </head> <body> <ul class="horizontal"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Portfolio</a></li> </ul> <ul class="vertical"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Portfolio</a></li> </ul> </body> </html>
Run