Почему этот элемент сетки не выходит в нижнюю часть строки, как другие элементы? ⇐ CSS

[Anonymous]

Я работаю над гораздо большим проектом, но мне удалось выделить этот пример моей проблемы: < /p>
Это дает мне результат, подобный: < /p>

Как видите, последнее закрытие скобки) не выровнен до дна. Я пробовал обернуть его в другой div , установить вертикальный Align и т. Д., Но ничто не заставит его уйти.
Цель-иметь. Underline займите как можно больше места, с другими частями, окружающими его. Меня даже не волнует, если это в сети TBH, это только единственный способ, которым я знаю, как это сделать. Class = "Snippet-Code">

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

.gridContainer {
display: grid;
}

.gridItemContainer {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
display: table;
text-align: center;
}

.alignMiddle {
vertical-align: middle;
}

.left {
text-align: left;
}

.fl::first-letter {
font-size: 2rem;
}

.square:before {
content: '\25A0';
font-size: 1.5em;
}

.underline {
border-bottom: .3rem solid #000000;
margin: .4rem .3rem;
}< /code>




Craft (

)

Подробнее здесь: https://stackoverflow.com/questions/794 ... ther-items