Подтвердить что ты не робот

Автоматическое масштабирование изображения в соответствии с высотой текста

У меня есть изображение, которое я хочу использовать inline с некоторым текстом, но мне нужно, чтобы он соответствовал высоте текста. Я знаю, что это возможно для чего-то вроде <img src="img.jpg" height=16> или даже <img src="img.jpg" height="100%">, но первое не масштабируется с размером текста, а последнее похоже делает его размером с div, а не высотой текста. Может ли кто-нибудь помочь?

Пример HTML:

<body>
This is a test <img src="img.jpg">
</body>
4b9b3361

Ответ 1

Пробовали ли вы это сделать высоту изображения как 1em?

img {height: 1em;}

Посмотрите здесь скрипку: http://jsfiddle.net/yAr7z/