On Wed, Jul 20, 2011 at 9:51 AM, Mark Henderson <shadefro...@gmail.com> wrote:
>> You said you wanted it to be left-aligned, so remove text-align:center
>> from both the div.navbar and anchor styles.  Incidentally, I think it
>> looks nicer centered, but that's not what you asked for :)
>
> Unless I'm mistaken I believe she only wants the text in the container
> below left aligned (but the container itself centered on the page) and
> there was no mention of the text in the menu itself.

You're most likely correct... I'm easily confused :)


>> Add line-height:20px to your anchor styles.  That will center the text
>> vertically.
>
> Indeed, but for the most part I wouldn't encourage using pixels for
> line-height, and no unit is actually required (there are exceptions of
> course but they are rare and this isn't one of them). One advantage of
> not using floats in cases such as this (menus) is there is no need to
> try and *fudge* a vertical alignment, as simple padding can be used
> instead.

Hey, I agree, but the original poster made that choice when she set a
20px height for the anchors.  I looked at their code first and just
chose the same number they did since text will center vertically on
its line-height.  Whatever the unit, it has to be the same as the
height of the element

Normally, if starting from scratch, I would recommend using em.


> --
> Mark

I was just trying to come up with the most expedient solution for the
OP, but I admittedly didn't think too carefully about the quality of
either the original code or my solution.

--
Ghodmode
http://www.ghodmode.com/blog
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to