Есть ли способ изменить ширину HTML-тега <code>?

Question

Я заметил, что любая модификация стиля <code> относительно его ширины не имеет никакого эффекта. Кажется, он всегда установлен на «авто».

Я просто пытаюсь написать код внутри тега <code> (этот тег является обязательным из-за некоторых известных ошибок iBooks), ширина которого составляет 100%. Один из обходных путей - поместить <code> внутрь <div>, который имеет 100% стиль фона. Это работает нормально, но мне придется иметь дело с парой сотен <code> тегов ... Вот почему я предпочел бы просто иметь возможность изменять ширину <code>.

Есть мысли? Спасибо.

Answer 1

<code> элементы являются встроенными элементами. Установка высоты или ширины для них не влияет на их размер.

Использование display:inline-block ::

code {
    display: inline-block; 
    width: 100px; /* Whatever. The <code>'s width will change */
}

Answer 2

Добавьте display: block или inline-block согласно вашему требованию к элементу code. Отдых должен работать как запланировано

См. пример