HTML CSS examples for CSS Widget:Menu
Create menu with image
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> header {<!--from w w w. j av a 2s . c o m--> height:100%; width:100%; } nav { width:100%; height:66px; font-size:15px; font-weight:701; text-transform:uppercase; padding-left:11px; background-color:Chartreuse; color:yellow; } ul { list-style-type:none; margin:0; padding:0; float:left; } li { padding-right:2em; line-height:66px; vertical-align:middle; text-align:center; margin:0; text-align:center; display:inline; list-style:none; float:left; } #logo { height:51px; } #logoli { padding-top:8px; width:251px; } </style> </head> <body> <header> <nav> <ul> <li id="logoli"> <a href="/"> <img src="https://www.java2s.com/style/demo/Firefox.png" id="logo"> </a> </li> <li> <a href="/">Lore</a> </li> <li> <a href="/">Lorem ip</a> </li> <li> <a href="/">Lorem ipsu</a> </li> </ul> </nav> </header> </body> </html>