рядом с каким-либо текстом в строке не выровнен?

#html #image

#HTML #изображение

Вопрос:

У меня есть <img> рядом с некоторым текстом, который нужно вывести на моем веб-сайте:

Вот исходный код HTML:

 1x <img src="1s.png">
  

Но когда он выводится в веб-браузер (IE и FF, и я предполагаю, Chrome), изображение «перемещается» на 1 или 2 пикселя вверх, поэтому при выделении оно оказывается выше и не соответствует тексту.

Как я могу избавиться от этого?

Комментарии:

1. Что такое «шунтирование»? Я ничего не получаю от Google.

Ответ №1:

Попробуйте это

 1x <img src="1s.png" align="absmiddle">
  

Комментарии:

1. align Атрибут content в элементах IMG устарел и не соответствует требованиям и не должен использоваться. Источник . Для достижения его функциональности необходимо использовать CSS.

Ответ №2:

Используйте vertical-align для выравнивания изображения по вертикали. — Ага! :)

Живая демонстрация: http://jsfiddle.net/KTY2g /