Для того, чтобы прижать текст к низу блока CSS, можно использовать свойство align-items
с значением flex-end
для контейнера, в котором находится текст. Например:
HTML:
<div class="container">
<p>Текст, который нужно прижать к низу блока</p>
</div>
CSS:
.container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
height: 200px; /* высота блока */
}
В данном примере мы задали контейнеру свойство display: flex
, чтобы можно было использовать свойства для работы с flexbox. Затем мы указали направление основной оси блока (flex-direction: column
), чтобы элементы располагались вертикально. Далее мы задали свойство justify-content: space-between
, чтобы элементы распределялись равномерно по вертикали, а затем указали align-items: flex-end
, чтобы текст прижался к низу блока. Наконец, мы задали высоту блока (height: 200px
), чтобы было видно, как работает выравнивание текста.