Я наблюдаю несогласованность браузера при расчете «центра гибкости» для элемента с абсолютным позиционированием и полями. Вот кодекс , а вот HTML
<style>
div {
height:100px;
width:400px;
border:1px solid black;
display:flex;
justify-content: center;
align-items: center;
}
p {
position:absolute;
margin:0;
padding:0;
margin-top:50px;
font-size:50px;
}
</style>
<body>
<div>
<p>This is some text</p>
</div>
</body>
При просмотре в Chrome и Edge текстовый элемент находится внизу элемента div. Но при просмотре в Opera и Firefox текстовый элемент находится ниже границы.
Похоже, что некоторые браузеры гибко центрируют элемент, тогда как другие - гибко центрируют элемент и его поля.
Мой вопрос ... Какой браузер обрабатывает этот «правильный» путь?