Hi Erik,
> I have a tricky question.
>
> First have a look at this image http://dev.heureka.se/CSSProblem.jpg .
>
> Without changing the html markup I want to align the anchors along the
> red line (~100px from the left edge). The emphasized text can be of
> different lengths.
>
> <div class="adblock">
> <h2>
> <em><a class="adtype-40" href="#" title="">Säljes</a></em>
> <a href="#">Dior skor</a>
> <span title="Inlagd">(13 jul)</span>
> </h2>
> ...
> </div>
Consider giving the EM element a fixed width corresponding to the
images' width and float it left.
To keep the text aligned with the following link also change the line
height to 1.2/0.7, which is approximately 1.71:
.adblock h2 em { /* AdType */
font-size : 0.7em;
font-style : normal;
text-transform: uppercase;
display : block;
float : left;
width : 100px; /* image width */
line-height : 1.71em;
}
Cheers,
jens
--
Jens Brueckmann
http://www.yalf.de
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
