Не в состоянии вертикально выравнивать текст в середину коробки ⇐ CSS

[Anonymous]

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

Accessories

Я исправляю чей -то код, получил здесь этот простой дифта, ожидая, что он останется вертикально в середине, наполняя его 30px. Тем не менее, я не уверен, откуда взялась эта синяя нижняя часть, больше нет внутреннего Div, как вы можете увидеть здесь. Я попробовал: < /p>

Регулировка высоты строки, это будет до тех пор, пока < /li>
Вертикальная алюна: средняя < /li>
Изменить div на отображение: Flex и Flex: Align-item-center < /li>
< /ol>
Ничто из них не помогает, я немного запутался Полем Кто -нибудь может помочь мне угадать, что не так?

Подробнее здесь: https://stackoverflow.com/questions/794 ... of-the-box