Top.Mail.Ru
Ответы
Аватар пользователя
arts_17
1г
Аватар пользователяПрограммирование

Как настроить div блок в vs code?

Доброго дня. Я совсем новичок в HTML/CSS. Есть два div элемента (класса obj) которые объединены в один другой div(класс great). Характеристики этих вложенных дивов равные, за исключением текста. У второго текста в 3 раза больше. И первый блок съезжает вниз.

Изображение

вот CSS код:

1234567891011121314151617181920212223242526272829303132
 body{
    margin: 0px;
    padding: 0px;
    background-color: rgb(36, 35, 35);
    color: rgb(226, 226, 216);
}
.great{
    text-align: center;
    display: inline-flexbox;
    border: 3px;
    border-color: rgb(147, 147, 212);
    border-style: solid;
    padding: 30px;
    margin-top: 20px;
    margin-inline: 20px;
}
.obj{
    display: inline-block;
    border: 3px;
    border-color: rgb(147, 147, 212);
    border-style: solid;
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 450px;
    
}
p
{
    font-size: larger;
}

Какой надо настроить параметр, чтобы первый блок не съезжал вниз, но его нижняя линия (бордер) была на одном уровне с линией второго блока. То есть чтобы там было просто пространство без текста, но сам блок был такого же размера как второй.
Спасибо.

По дате
По рейтингу
Аватар пользователя
dlazder
Мудрец
1г

Укажи параметр min-height для .obj

Больше по теме