Как сделать контейнер DIV, который НЕ сжимается / расширяется в соответствии с его текстом внутри?

Question

В основном я хочу сделать кнопку, используя контейнер div. Это кнопка воспроизведения / паузы, символ, который я использую внутри кнопки, выделен жирным шрифтом «ll» для паузы и символ «►» для воспроизведения.

Однако, когда я переключаю символы с помощью JavaScript внутри кнопки. ширина div также меняется. Поскольку символ «►» немного шире жирного «ll».

Так как же я могу сделать div с фиксированной шириной, чтобы "div-box" не сжимался и не расширялся?

Спасибо!

Answer 1

исправили, на самом деле дисплей: inline-block работает, но не все браузеры согласны. В итоге я нашел хорошее решение - использование, которое само по себе является встроенным div, и вы можете изменить его размеры