Нужно отображать интервал внутри текста с заданной шириной и высотой

Question

У меня есть смайлики в изображении css sprite, которое я хочу отображать в тексте, поэтому у меня есть промежутки, вставленные с определениями фона, но поскольку эти промежутки являются встроенными элементами, я не могу определить ширину и высоту.

Единственное, о чем я мог думать, это заставить их блокировать элементы и плавать влево, но я не уверен, что это лучший подход. Как вы думаете, как лучше всего это сделать?

Answer 1

пытаются использовать свойство CSS и значение display: inline-block

Answer 2

Я не думаю, что display: inline-block поддерживается достаточно положиться. Очевидно, я говорю о < = IE7 и, возможно, других мобильных устройствах. К сожалению, они все еще используются. Однако наступает момент, когда останавливается поддержка IE.

Я бы попробовал использовать div с плавающей точкой, с установленными атрибутами фона. Если это одно изображение.