Ønsker at to block-element skal være like høye(uten å bruke height: X px)

[Gjest Slettet-IHWlGMJn]

Jeg ønsker at disse to a-elementene skal ha samme høyde(Eller kanskje rettere sagt at den andre skal fylle høyden til den første).

<style>
div {
background: #ccf;
}
a {
background: #cfc;
display: block;
float: left;
padding: 5px;
}
a:hover {
background: #fcc;
}
</style>
<div>
<a href="#">Blabla<br />Balalal</a>
<a href="#">Bløblø</a>
<div style="clear: both"></div>
</div>

 

Ønsker ikke å sette en høyde på a-ene(F.eks 100px) slik at de blir like høye.

 

Testet å sette høyden på a-ene til 100%, men det fungerer visst ikke.

 

Har ikke lasta opp dette noen plass, men dette er vel en grei plass å teste koden for de som er like late som meg:

http://www.w3schools.com/html/tryit.asp?fi...e=tryhtml_intro

[Wattengård]

Kan du si litt om hvorfor du ønsker å gjøre dette, kanskje vi kan ha en bedre løsning for deg. Å sette <a> til block høres litt ukosher ut...

 

-C-

[Gjest Slettet-IHWlGMJn]

Fordi jeg ønsker å kunne trykke på hele linken(som en boks) og vil at to(tre eller fire muligens) som står ved siden av hverandre skal være like høye(Da uavhengig om en eller flere går over flere linjer).

 

Godt mulig det finnes mye bedre alternativ en å blocke en a..