JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block"><div class="banner"></div><p>Акции — это ценные бумаги, дающие право на владение частичкой той или иной компании. Иностранные — значит, что компании зарегистрированы не в России, а ведут бизнес по всему миру.</p></div>
<div class="block"><div class="banner"></div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>
<div class="block"><div class="banner"></div><img src="http://placehold.it/200x50"></div>

CSS

body {
    padding: 10px;
}
.block {
    border: solid #a3a3a3 1px;
    background: #efefef;
    padding: 10px 10px 10px 170px;
    margin-bottom: 10px;
    /*float: left;*/
    /*min-height: 152px;*/
}
.banner {
    border: solid #a3a3a3 1px;
    background: #fafb9d;
    width: 150px;
    height: 150px;
    margin-left: -160px;
    float: left;
    clear: both;
}
.block h1:first-of-type, .block h2:first-of-type, .block h3:first-of-type, .block h4:first-of-type, .block h5:first-of-type, .block h6:first-of-type, .block p:first-of-type, .block ul:first-of-type, .block ol:first-of-type {
    margin-top: 0;
}