Skip to content

Commit 37ea6ae

Browse files
committed
Fix vertical alignment of progress
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.
1 parent 45cc401 commit 37ea6ae

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

normalize.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,16 @@ summary {
2424
}
2525

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

3031
audio,
3132
canvas,
3233
progress,
3334
video {
34-
display: inline-block;
35+
display: inline-block; /* 1 */
36+
vertical-align: baseline; /* 2 */
3537
}
3638

3739
/**

0 commit comments

Comments
 (0)