#street {
background-color: #212121;
margin-top: 50px;
width: 101%;
position: absolute;
height: 84%;
}
#street #map img {
position: relative;
width: 40%;
margin-right: 20%;
padding:
height: 79%;
display: block;
}
#street #cubs img {
width: 8%;
top: 10px;
line-height: 20px;
margin-right: 20px;
}
#street #map #cubs p {
top: 20%;
position: absolute
<div id="street">
<div id="map">
<img src="img/9.jpg" alt="Карта">
</div>
<div id="cubs">
<p><span>Путь от остановки "Голубой огонёк"<br><br>
Адрес: Ленина, 36.</span><br>
Центральный округ. Омск 644010<br>
<img src="img/10.png" >
<span>Голубой огонёк</span><br>
Карла Маркса проспект, 29а<br>
<img src="img/11.png" >
<span>Созвездие</span><br>
Центр творческого развития
</p>
</div>
</div>
Как выравнять текст к картинке, чтобы обе строки были перед двумя кругами (ровно)