Vertical-align af divs indhold
Jeg er ved at gå amok over hvoffoe jeg ikke kan sætte vertical-align på mine <div> tags, sådan at teksten eks. ligger i bottom.Er der lige en der har lidt teori.. og gerne løsninger.
Jeg smider lige lidt kode så i kan se hva´ fae´n det drejer sig om
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>opret degn</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
fieldset{/*E5E5D2*/
border: 2px groove rgb(229,229,210);
padding: 0px 20px 10px 20px;
}
legend{
/*font-family: Arial, Helvetica, sans-serif;
color: #000000;*/
}
.legendDiv{
font-size: xx-small;
background-color: #ffffff;
border-color: #000000;
border: 1px solid;
text-align: center;
padding: 0px 20px 3px 20px;
}
body{
margin: 15px 15px 15px 15px;
background-color:#cdcdbd;
}
div{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
}
.content{
float:left;
width:70%;
}
.edit{
text-align:right;
float:right;
width:30%;
}
.spacer{
clear:both;
height:15px;
border-top:1px solid;
}
</style>
</head>
<body>
<fieldset><legend><div class="legendDiv">Kampe</div></legend>
<div> </div>
<div class="content">06-12-2003 kl. 19:00<br />Kløveren<br />Hasteindlagt FC</div>
<div class="edit"><a href="#">slet</a> | <a href="#">rediger</a></div>
<div class="spacer"></div>
</fieldset>
</body>
</html>
