Как прижать div к низу внутри div?

Помогите пожалуйста. Есть вот такой текст
5b28b8862eea5372860806.png
<div class="block_2">
    <h2>СНИЖЕНИЕ<br>ВЕСА</h2>
    <p>профессиональная программа<br>эффктивность клинически доказана</p>
    <hr>
    <h3>СТАРТОВЫЙ НАБОР</h3>
    <p>на 1 неделю<br>5000 руб</p>
    <div>
        <span style="text-align: left">Комплекты</span>
        <a href="/catalog/komplekty/">Подробнее</a>
    </div>
</div>

Хочу сделать вот так
5b28b8c05e3c1006320589.png
Белый блок прижатый к низу и с заливкой белого цвета.
У меня получается только так
5b28b958391e6213562447.png
- не на всю ширину
- Подробнее нужно справа а Комплекты слева
- расположить снизу
.button_line {
    background-color: #ffffff;
    border: none;
    border-radius: 0px;
    color: #000000;
    margin: 4px 9px;
    padding: 7px 11px;
}
  • Вопрос задан
  • 4735 просмотров
Решения вопроса 1
@desgan
Чтобы прижать к низу
<div class="block_2">
    <h2>СНИЖЕНИЕ<br>ВЕСА</h2>
    <p>профессиональная программа<br>эффктивность клинически доказана</p>
    <hr>
    <h3>СТАРТОВЫЙ НАБОР</h3>
    <p>на 1 неделю<br>5000 руб</p>
    <div class="some-block">
        <span style="text-align: left">Комплекты</span>
        <a href="/catalog/komplekty/">Подробнее</a>
    </div>
</div>

.block_2{
position: relative;
}
.some-block{
position: absolute;
width: 100%;
bottom: 0;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы