Как перенести блок вправо? Html/css

Question

Всех приветствую. Есть контейнер с максимальной шириной. И в нем два блока. Все это flex. Как это все передвинуть к концу экрана вправо? Justiny пробовал, не работает. Извиняюсь за тупые вопросы, я учусь

Answer 1

Попробуй:

   align-self: flex-end

Answer 2

Не волнуйтесь, не существует глупых вопросов, особенно когда вы учитесь. Давайте рассмотрим, как можно выравнять ваши блоки вправо в контейнере с максимальной шириной, используя CSS и flexbox.

Предположим, у вас есть следующая разметка HTML:

<div class="container">
    <div class="block">Блок 1</div>
    <div class="block">Блок 2</div>
</div>

А CSS может выглядеть так:

.container {
    max-width: 1000px; /* Максимальная ширина контейнера */
    display: flex; /* Используем flexbox для выравнивания внутренних блоков */
    justify-content: flex-end; /* Это свойство выравнивает блоки к концу контейнера (вправо) */
}

.block {
    margin: 10px; /* Добавьте отступы, если это необходимо */
    padding: 10px; /* Добавьте внутренний отступ, если это необходимо */
    border: 1px solid black; /* Добавьте границы для видимости блоков */
}

В этом примере justify-content: flex-end; в CSS определяет выравнивание блоков к концу контейнера (вправо).

БЛОГ НА HUSL

Как перенести блок вправо? Html/css

Ответы (2 шт):