HTML CSS examples for CSS Widget:UL Alignment
Ul >li aligned in one single line
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #menu {<!--from w w w . j a v a2 s .c o m--> margin:0; padding:0; } #menu li { display:inline-block; float:left; margin:0; width:16%; background-color:Chartreuse; padding:11px; } </style> </head> <body> <div id="header"> <ul id="menu"> <li> <a href="#">Lore</a> </li> <a href="#"> </a> <li> <a href="#"></a> <a href="#">Lorem</a> </li> <a href="#"> </a> <li> <a href="#"></a> <a href="#">Lore</a> </li> <a href="#"> </a> <li> <a href="#"></a> <a href="#">Lorem i</a> </li> <a href="#"> </a> </ul> <a href="#"> </a> </div> <a href="#"> </a> </body> </html>