IT-образование
- 1 ответ
- 0 вопросов
0
Вклад в тег
<div class="example__border">
<div class="example__numbers">
<p class="example__numbers-text">5 кг</p>
<p class="example__numbers-info">снижение веса</p>
</div>
<div class="example__numbers">
<p class="example__numbers-text">60 ДНЕЙ</p>
<p class="example__numbers-info">затрачено времени</p>
</div>
</div>
.example__border {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.example__numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
width: 165px;
text-align: center;
margin-right: 45px;
border: 2px solid #CDCDCD;
padding-bottom: 10px;
}
.example__numbers-text {
text-transform: uppercase;
font-size: 30px;
margin-top: 15px;
}
.example__numbers-info {
width: 142px;
position: absolute;
font-size: 14px;
margin-top: 5px;
background-color: #F2F2F2;
top: 74%;
}