Add vertical centering for audio-, canvas- and video-tags

Remove the gap between videos, audio and canvas and the bottom of their containers by vertically centering the tags. Closes #1326.
h5bp · Jun 25, 2013 · 9ec5465 · 9ec5465
1 parent 02713ee
commit 9ec5465
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ### HEAD
 
+* Vertical centering for audio-, canvas- and video-tags ([#1326](https://github.com/h5bp/html5-boilerplate/issues/1326)).
 * Update to Google Universal Analytics ([#1347](https://github.com/h5bp/html5-boilerplate/issues/1347)).
 * Update to jQuery 1.10.1.
 * Update to Normalize.css 1.1.2.

diff --git a/css/main.css b/css/main.css
@@ -53,10 +53,14 @@ hr {
 }
 
 /*
- * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
+ * Remove the gap between images, videos, audio and canvas and the bottom of
+ * their containers: h5bp.com/i/440
  */
 
-img {
+audio,
+canvas,
+img,
+video {
     vertical-align: middle;
 }