What is the optimal approach to ensure consistent typography across different browsers (font-size and line height) for an entire website with a fixed width of 970px, centered layout?
It's common to receive designs from clients with varying font sizes and line heights in different parts of the design, which is why I still prefer using em units.
I want to avoid nested element issues and font size inconsistencies in Internet Explorer and other browsers.
After setting the typography, how can it be easily managed and updated? How should em units be calculated?
I aim to have easily adjustable font sizes while manually setting line height (as it may vary across different sections of the design).
When should line height be defined and when should it not?
What is the best method to achieve consistent results in font sizing and line height when using em units? Should bottom margins for elements like h1, p, li also be set in em units?
HTML {}
BODY {}
P {}
a {}
ul li a {}
ul li ul li a {}
p img {float:left}
td,th { }