Ответ на твой вопрос лежит в будущем, мой друг ...
а именно «встроенный» идет с последним обновлением CSS3
width: intrinsic;
к сожалению IE отстает с ним, поэтому он пока не поддерживает его
Подробнее об этом: CSS Intrinsic & amp; Модуль внешнего определения размера Уровень 3 и Можно ли использовать? : Внутренний и ампер; Внешняя калибровка .
На данный момент вы должны быть удовлетворены с или
display: inline-block;
На самом деле я бы посоветовал провести рефакторинг вашего кода и кода ваших коллег.
Всегда есть места, где существующую кодовую базу можно реорганизовать, и знакомство с существующим кодом поможет сделать его более полезным, чем упражнением. Найдите что-нибудь в коде вашей компании, чтобы использовать его в качестве примера, если возможно.
Первая глава Мартина Фаулера «Рефакторинг» является хорошей отправной точкой для рефакторинга. Я понял большинство концепций, когда один из моих учителей в школе использовал этот пример.
Каков общий уровень знаний ваших коллег?
Что-то простое, как дублирование кода, должно быть легко понять. Два фрагмента (почти) идентичного кода, которые можно реорганизовать в метод многократного использования, класс или что угодно. Было бы хорошо использовать (прошлый) пример из вашей собственной кодовой базы.