Не могу выровнять текст, чтобы был как на рисунке. Подскажите пожалуйста, как это сделать?
.infr-block {
padding-top: 70px;
float: left;
}
.infr-block-obj {
width: 370px;
}
.infr-block-obj:nth-child(1) {
padding-left: 130px;
}
.infr-block-obj h1 {
font-size: 19px;
font-weight: bold;
color: #000;
}
.infr-block-obj p {
font-size: 16px;
font-weight: lighter;
width: 320px;
padding-top: 20px;
}
.shadow {
padding-top: 17px;
}
<div class="infr-block">
<div class="infr-block-obj">
<h1>Социальные объекты</h1>
<img class="shadow" src="img/shadow.png" alt="">
<p>Волга: 350м, центральный пляж: 900м</p>
<p>Авто парковка 5м.</p>
<p>Игровая детская площадка 2м.</p>
<p>4 продуктовых магазина в пределах 500м.</p>
<p>Центр города: 4км.</p>
<p>Почта 150007: 600м.</p>
</div>
</div>