Здравствуйте, есть следующий код:
.about-me-block {
width: auto;
height: 600px;
background-color: #CAF7E2;
padding: 0 10%;
}
.profile-block {
width: auto;
height: 300px;
background-color: #456990;
}
.profile-image {
width: 300px;
height: 300px;
background-color: #F45B69;
display: inline-block;
float: left;
}
.profile-text {
width: 200px;
height: 200px;
background-color: #E4FDE1;
display: inline-block;
}
<div class="about-me-block">
<div class="profile-block">
<div class="profile-image"></div>
<div class="profile-text"></div>
</div>
</div>
Как мне выровнять по центру горизонтали profile-text
, не используя отступы? Пытался при помощи vertical-align
, но не получилось.