On the following example:
http://www.flyondreams.net/layout.html
How can I have both the image and the list text aligned on the bottom?
At the moment they are vertically aligned on top.
Thanks,
Miguel
.wrap {display: table;}
.logo {
background: #000 url('Logo.gif');
height: 80px;
width: 340px;
display: table-cell;
}
.nav {display: table-cell;}
with
<div class="wrap">
<h1 class="logo"></h1>
<ul class="nav"><li>List item</li></div>
</div>
should give you an idea to play with quickly before you dive into your
kitchen and order all the cooks to start cooking.
--
dorayme