dear i have define on ul
<ul id="album">
<li id="list1">
<a href="#">
<img src="google.jpg" height="50"/>
</a>
<a href="#" class="user-title">Profile Pictures</a>
1 Picture
</li>
<li id="list1">
<a href="#">
<img src="yahoo.jpg" height="150"/>
</a>
<a href="#" class="user-title">Profile Pictures</a>
2 Picture
</li>
</ul>
css for is as bellow.
#album{
height:195px;
width:155px;
overflow:hidden;
padding:6px 10px 14px 10px;
float:left;
}
#album li{
border:0;
padding:0;
list-style:none;
margin: 0 0.15em;
list-style:none;
display: inline;
}
#album img{
vertical-align:bottom;
}
#album a{
color:#000000;
text-decoration:none;
}
#album .user-title{
display:block;
font-weight:bold;
margin-bottom:4px;
font-size:11px;
color:#36538D;
}
#album .addas{
display:block;
font-size:11px;
color:#666666;
}
#album img{
margin-right:14px;
padding:4px;
}
this is working fine.
but i need to align images to bottom on display.
