Согласно MDN, a button
является встроенным элементом.
Однако элементы кнопки стиль по умолчанию с display: inline-block
(см. этот вопрос)
button, textarea,
input, select { display: inline-block }
Пока все хорошо.
Однако:
Если теперь я устанавливаю кнопку с display:inline
- ширина применяется!
DEMO
button,
div {
width: 200px;
border: 1px solid red;
display: inline;
}
<button>button</button>
<div>div</div>