Почему выравнивание SVG внутри DIV отличается от выравнивания SVG в элементе BUTTON ⇐ CSS

[Anonymous]

У меня есть элемент SVG внутри DIV и элемент BUTTON. В кнопке он выровнен по центру как по вертикали, так и по горизонтали, а в DIV — по верхнему и левому краю.
Я проверил оба элемента, но не смог найти, что заставляет SVG выравниваться по середине. КНОПКА. Должно быть что-то в таблице стилей пользовательского агента, но я не смог этого найти.

Код: Выделить всё

button,
div {
padding: 0;
margin: 8px;
width: 44px;
height: 44px;
border: 1px solid;
background-color: transparent;
}

button svg,
div svg {
padding: 0;
margin: 0;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/280 ... on-element