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/