Skip to content

Commit

Permalink
Fix vertical alignment of progress
Browse files Browse the repository at this point in the history
Chrome, Firefox, and Opera set `vertical-align: -0.2em`. The browser
implementations aren't great. They scale badly with font size and when
the height of the element is changed. Aligning them to the baseline, as
IE does, helps make their alignment consistent with other similar
elements.
  • Loading branch information
necolas committed Jan 25, 2014
1 parent 45cc401 commit 37ea6ae
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions normalize.css
Original file line number Diff line number Diff line change
Expand Up @@ -24,14 +24,16 @@ summary {
}

/**
* Correct `inline-block` display not defined in IE 8/9.
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
display: inline-block;
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}

/**
Expand Down

0 comments on commit 37ea6ae

Please sign in to comment.