@Nicknick1

Как опустить блок на дно родителя?

Не нашёл подходящего ответа,

Подскажите пожалуйста, как положить блок s24h_processes_link на дно родителя с обтеканием справа?

Грубо говоря зафиксировать его справа внизу для всех представленных блоков в таблице?

<div class="s24h_sub_container_processes" id="s24h_sub_container_processes">
                <div class="s24h_process_container">
                    <div class="s24h_process_container_body">
                    <div class="s24h_process_container_head">Lorem ipsum</div>
                    <hr>
                    <div class="s24h_process_container_content">
                        <p>Lorem ipsum
                        <br>
                        <br>
                        1. "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
                    </p>
                </div>
                </div>
                <a href="#s24h_popup_process_1_container" class="s24h_processes_link">Lorem ipsum</a>
                </div>


 <div class="s24h_process_container">
                    <div class="s24h_process_container_body">
                    <div class="s24h_process_container_head">Lorem ipsum</div>
                    <hr>
                    <div class="s24h_process_container_content">
                        <p>Lorem ipsum
                        <br>
                        <br>
                        1. "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    </p>
                </div>
                </div>
                <a href="#s24h_popup_process_1_container" class="s24h_processes_link">Lorem ipsum</a>
                </div>


CSS
.s24h_sub_container_processes {

    width: 100%;
    
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;



    .s24h_process_container {
        background-color: white;
        color: black;
    }

    .s24h_process_container_head {
        text-align: left;
    }

    p {
        padding-left: 10px;
        width: auto;
    }

    .s24h_processes_link {
        padding: 10px;
        float: right;
        color: rgb(51,51,51);
    }
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

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