Какие флоаты? На дворе 2к19 год.
тут 2 минуты на флексах это все сделать. Как говорится: когда за тебя придумали велосипед, не нужно пытаться его изобрести, пользуйся уже готовыми решениями.
Вот тебе на вскидку, глядя на картинку набросал разметку +-
<div className='wrapper'>
<div className='line'>
<img src="" alt=""/>
<div>
<h1></h1>
<p></p>
</div>
</div>
<div className='line'>
<img src="" alt=""/>
<div>
<h1></h1>
<p></p>
</div>
</div>
<div className='line'>
<img src="" alt=""/>
<div>
<h1></h1>
<p></p>
</div>
</div>
</div>
.wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
> .line {
display: flex;
> div {
display: flex;
flex-direction: column;
}
}
}
