исправление необъяснимого вопроса по марже с изображениями в html5

В html5 пользователи столкнулись с неожиданной проблемой, когда изображения, прилагаемые в элементы див. Эта проблема наблюдалась, даже когда высота и ширина изображения и DIV установлены на 50px.

] Чтобы разрешить эту аномалию, проблема можно отслеживать, чтобы повести изображение, как символ в тексте, создавая пространство под ним для подвесных символов, таких как «y» или «g». Решение заключается в использовании свойства CSS с вертикальным соглашением, чтобы указать, что такое пространство не требуется. Любого значения для вертикальной аданости будет достаточно, с «средним», будучи популярным выбором.

реализация этого исправления в CSS:

img {
    vertical-align: middle;
}

, включив этот код, изображения потеряют нежелательный нижний край, что приведет к ожидаемому поведению. Для практической демонстрации см. В этом обновленном JSFIDDLE: http://jsfiddle.net/frpk6/1/.®&&&]]