We would like to know how to align ul in div at left bottom corner.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#metanav_top {<!--from www . j a v a2 s .com-->
width: 100%;
height: 540px;
border: 1px solid black;
margin: auto auto 5px auto;
vertical-align: center;
position: relative;
}
ul.metanav {
list-style-type: disc;
margin: auto 0 auto 0;
border: 0px solid black;
float: left;
border: 1px solid black;
position: absolute;
bottom: 0;
left: 0;
}
ul.metanav li {
display: block;
float: left;
font-size: 12px;
margin-right: 10px;
}
</style>
</head>
<body>
<div id="metanav_top">
<ul class="metanav">
<li>Entry 1</li>
<li>Entry 2</li>
<li>Entry 3</li>
</ul>
</div>
</body>
</html>
The code above is rendered as follows: