For example, by virtue of properties display: inline-block; :.outline-3 {
width: 32%; /* Ширина слоя */
max-width: 32%; /* Максимальная Ширина слоя */
min-width: 370px;/* Минимальная ширина слоя */
/* float: left; Выравнивание блока слева */
background: #E6EEDE; /* Цвет фона */
box-shadow: 7px 7px 10px rgba(0,0,0,0.6), /* Наружняя тень */
0 5px 10px rgba(0, 0, 0, 0.6) inset, /* Наружняя вертикальная тень */
0 0 40px rgba(0, 0, 0, 0.5) inset; /* Внутренняя тень */
border: 1px solid #000000; /* Рамка */
border-radius: 0px 0px 10px 10px;
padding: 0px 5px 0px 5px; /* Отступы */
text-align: center; /* Выравнивание содержимого по-центру */
display: inline-block;
vertical-align: middle;
}
.text-2 {
font: 18pt tahoma;
color: #1E293B;
text-shadow: 1px 1px 1px rgba(0,0,0,0.9); /* Тень текста*/
}
.wrap {
text-align: center; /* Задает контенту выравнивание по-центру */
}<div class="wrap">
<div class="outline-3">
<p class="text-2">Если ты хочешь получать свежие подробные статьи этого блога
с картинками и видео в свой почтовый ящик, то введи свой E-mail
в форму ниже, и как только я напишу статью на блоге,
ты первым об этом узнаешь!
</p>
</div>
<div class="outline-3" >
<p class="text-2">Если ты хочешь получать свежие подробные статьи этого блога
с картинками и видео в свой почтовый ящик, то введи свой E-mail
в форму ниже, и как только я напишу статью на блоге,
ты первым об этом узнаешь!
</p>
</div>
<div class="outline-3" >
<p class="text-2">Если ты хочешь получать свежие подробные статьи этого блога
с картинками и видео в свой почтовый ящик, то введи свой E-mail
в форму ниже, и как только я напишу статью на блоге,
ты первым об этом узнаешь!
</p>
</div>
</div>Or so, virtue. flex:.outline-3 {
width: 32%; /* Ширина слоя /
max-width: 32%; / Максимальная Ширина слоя /
min-width: 370px;/ Минимальная ширина слоя /
/ float: left; Выравнивание блока слева /
background: #E6EEDE; / Цвет фона /
box-shadow: 7px 7px 10px rgba(0,0,0,0.6), / Наружняя тень /
0 5px 10px rgba(0, 0, 0, 0.6) inset, / Наружняя вертикальная тень /
0 0 40px rgba(0, 0, 0, 0.5) inset; / Внутренняя тень /
border: 1px solid #000000; / Рамка /
border-radius: 0px 0px 10px 10px;
padding: 0px 5px 0px 5px; / Отступы */
text-align: center; /* Выравнивание содержимого по-центру */
}
.text-2 {
font: 18pt tahoma;
color: #1E293B;
text-shadow: 1px 1px 1px rgba(0,0,0,0.9); /* Тень текста*/
}
.wrap {
display: flex;
flex-flow: row nowrap;
align-items: center;
align-content: center;
justify-content: center;
}<div class="wrap">
<div class="outline-3">
<p class="text-2">Если ты хочешь получать свежие подробные статьи этого блога
с картинками и видео в свой почтовый ящик, то введи свой E-mail
в форму ниже, и как только я напишу статью на блоге,
ты первым об этом узнаешь!
</p>
</div>
<div class="outline-3" >
<p class="text-2">Если ты хочешь получать свежие подробные статьи этого блога
с картинками и видео в свой почтовый ящик, то введи свой E-mail
в форму ниже, и как только я напишу статью на блоге,
ты первым об этом узнаешь!
</p>
</div>
<div class="outline-3" >
<p class="text-2">Если ты хочешь получать свежие подробные статьи этого блога
с картинками и видео в свой почтовый ящик, то введи свой E-mail
в форму ниже, и как только я напишу статью на блоге,
ты первым об этом узнаешь!
</p>
</div>
</div>