Внутри Флекса:

.flex {
display: flex;
align-items: center;
justify-content: center;
text-align: left;
}
Когда Флекс не помогает
.table { display: table;
height: 200px;
width: 200px; }

Внутри Тейбла:

.cell { display: table-cell;
text-align: center;
vertical-align: middle; }
Когда нужно претензионно с процентами

.transform {
position: relative;
top: 50%;
text-align: center;
transform: translateY(-50%);
}
Вааще трындец
:before
.child-absol {
height: fit-content;
margin: auto;
position: absolute;
left: 0; top: 0;
right: 0; bottom: 0;
width: fit-content; }
Поменять line-height

Главная

Очистите поле ввода при нажатии на кнопку:



Очистите поле ввода, когда он получает фокус:

Lorem ipsum dolor sit amet, ... in at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta.


Здесь содержимое



Rollercoasters

cool, right?



Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Collapsible Group Item #2
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Collapsible Group Item #3
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Заготовка:

Вправо :

Влево :

Вверх :

Вниз :

gamtop
gambot caucasian shepherd
надвижение slidfour
mega menu
left panel
cards dr на dr
parallax
Not focus

Сетка
Список

Столбец 1

Некоторый текст..

Столбец 2

Некоторый текст..

Столбец 3

Некоторый текст..

Столбец 4

Некоторый текст..