Permalink
Browse files

Normalize typography

The margin of many elements in IE6/7 is set by 'pt', not relative to the root font-size. This is contrary to the HTML5 spec and all other modern browsers, including IE8+.

If people need to customize margins, they can either edit normalize.css directly or override later in the source. But at least any non-customized elements will behave consistently now.
  • Loading branch information...
1 parent e65602a commit f1a096a4986c2ab74b4a8352697a099551866b08 @jonathantneal jonathantneal committed Feb 7, 2012
Showing with 16 additions and 5 deletions.
  1. +16 −5 normalize.css
View
@@ -1,4 +1,4 @@
-/*! normalize.css 2012-02-07T01:46 UTC - http://github.com/necolas/normalize.css */
+/*! normalize.css 2012-02-07T05:02 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
HTML5 display definitions
@@ -117,8 +117,8 @@ a:active {
========================================================================== */
/*
- * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
- * Fix IE6/7 heading font-size not being relative to the root font-size
+ * Addresses font sizes and margins set differently in IE6/7
+ * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {
@@ -133,6 +133,11 @@ h2 {
h3 {
font-size: 1.17em;
+}
+
+h3,
+p,
+pre {
margin: 1em 0;
}
@@ -173,6 +178,14 @@ blockquote {
}
/*
+ * Addresses styling not present in IE6/7
+ */
+
+hr {
+ margin: 0.5em auto;
+}
+
+/*
* Addresses styling not present in S5, Chrome
*/
@@ -269,8 +282,6 @@ sub {
dl,
menu,
ol,
-p,
-pre,
ul {
margin: 1em 0;
}

0 comments on commit f1a096a

Please sign in to comment.