How to lock text vertically with CSS
When I create a web site I always take a look on it when increasing the text size to 125% in the browser. This is to ensure that the site also looks ok for my grand mother and other people who, for example, is a visually impaired. If the design is quite simple it usually looks good. However if it’s a more complex design with for example a horizontal meny with a defined height, the text usually becomes misaligned vertically (and sometimes push following content down so the design breaks). Usually this doesn’t matter, but it can be a bit annoying, so to avoid this I use the following technique.
Continued...