HTML CSS examples for CSS Widget:Menu
Ul navigation menu over image
<html lang="en"> <head> <title>Lorem ips</title> <style> body {<!--from w w w. j a v a2s. c om--> margin:0px; } header { position:relative; } header, header img { width:100%; } header ul { position:absolute; width:100%; padding:0; right:2%; top:2%; text-align:right; } header li { display:inline-block; list-style-type:none; font-size:26px; margin-left:3%; color:Chartreuse; text-decoration:none; border:2px solid yellow; padding:2% 4%; text-align:center; } </style> </head> <body translate="no"> <header> <img src="https://www.java2s.com/style/demo/Firefox.png" alt="header"> <ul> <a href="#"> <li>Lore</li> </a> <a href="#"> <li>Lorem</li> </a> <a href="#"> <li>Lorem</li> </a> <a href="#"> <li>Lorem i</li> </a> </ul> </header> </body> </html>