I'm trying to replicate something just like what Wikipedia does with their
header/[edit] combinations, see for example:

 

http://en.wikipedia.org/wiki/James_Monroe

 

where the "Early Years" header has a border along the bottom and the
[<a.>edit</a>] off to the right.  This is the markup I'm using, but I'm not
wedded to it if something else would work better:

 

<div class='sect'>

<a class='key'>Title></a>

<a class='edit'>[Edit]</a>

</div>

 

The only styling being applied is:

 

sect {

            Float: left;

            Border-bottom: solid thin gray;

}

 

key {

            Font-size: 2em;

}

edit {

            Float: right;

}

 

The problem I'm having is that when I change the font-size of class .key to
2em it offsets the text "[edit]" upward, and I'd like them to be lined up so
the bottom of each block of text is horizontally aligned.

 

I figure this is something simple since Wiki's doing it, but I've worked
through their CSS and still can't seem to get it work.

 

Thanks!

Doug

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to