HTML CSS examples for CSS Widget:UL Alignment
Vertical align bottom UL inside DIV
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #container {<!--from w ww.j a va2s .c o m--> background:gray; height:41px; position:relative; } ul { margin:0; padding:0; list-style:none; position:absolute; bottom:0px; } ul li { line-height:29px; background:red; color:Chartreuse; margin:0 21px 0 0; float:left; } </style> </head> <body> <div id="container"> <ul> <li>Lorem </li> <li>Lorem </li> <li>Lorem </li> </ul> </div> </body> </html>