How does the vertical-align style property work?
How does the vertical-align style property work? I received this question from Bryden: I have a mix of upper and lower case letters but I want them to run on a center line rather than ‘sit’ on a ruled line.Answer: This is an interesting question as Bryden is attempting to treat each glyph in the text block as a separate tiny image – rather than as a part of the text block. On first review, it seems like the CSS property vertical-align would be the correct answer to this question. Perhaps this would work: h1 { vertical-align: middle; } Unfortunately, no matter which option you use in the vertical-align style property, none of them will change the location of the baseline of the text. This is because text in a Web page is set within a text box that all the glyphs in that font will fit. There is a baseline, where the bottom of the fonts will touch, a lower border, where lowercase hanging letters (such as p o
