.bild_wrapper { position:relative; /* containing block för absolut positionerade avkomlingar */ }
.bild_wrapper button { position:absolute; bottom:0; left:0; /* positioneras i förhållande till .bild_wrapper */ }
?
Frågan#1
Jag skulle vilja ha typå här.
<div class="bild_wrapper">
<div class="recept_bild">
Här är en bild
</div>
Massor av text som är olika lång beroende på. <br>
Här vill jag ha en knapp
</div>
Jag ställer upp två såna här "boxar" brevid varandra och slumpar ut text i dem så texterna kan vara lite olika långa. Men jag vill alltid att knappen ska komma i nedre vänstra hörnet så den ligger i linje med knappen i andra boxen. Inte precis där texten tar slut.
.recept_bild{
float:right;
width: 50%;
padding: 2px 2px 2px 2px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin-left: 3px;
margin-bottom: 4px;
}
.bild_wrapper{
padding-left:5px ;
padding-top:5px;
width: 47%;
height: 160px;
float:right;
margin-right: 6px;
margin-bottom: 8px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid #b39237;
}