<div class="container">
<div class="items-row">
<div class="item">
<div class="numbers">12345</div>
<div class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio, nam numquam soluta voluptas
quasi laboriosam
temporibus officia culpa nulla iure. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Temporibus eaque odit nulla unde. Blanditiis, numquam natus velit et nostrum ipsum.
</div>
</div>
<div class="item">
<div class="numbers">12345</div>
<div class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio, nam numquam soluta voluptas
quasi laboriosam
temporibus officia culpa nulla iure.
</div>
</div>
<div class="item">
<div class="numbers">12345</div>
<div class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio, nam numquam soluta voluptas
quasi laboriosam
temporibus officia culpa nulla iure. Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
</div>
<div class="item">
<div class="numbers">12345</div>
<div class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio, nam numquam soluta voluptas
quasi laboriosam
temporibus officia culpa nulla iure. Lorem ipsum dolor sit amet.
</div>
</div>
<div class="item">
<div class="numbers">12345</div>
<div class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio, nam numquam soluta voluptas
quasi laboriosam
temporibus officia culpa nulla iure. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Hic, accusantium!
</div>
</div>
<div class="item">
<div class="numbers">12345</div>
<div class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio, nam numquam soluta voluptas
quasi laboriosam
temporibus officia culpa nulla iure. Lorem ipsum dolor sit amet consectetur adipisicing.
</div>
</div>
<div class="item">
<div class="numbers">12345</div>
<div class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio, nam numquam soluta voluptas
quasi laboriosam
temporibus officia culpa nulla iure. Lorem ipsum dolor sit.
</div>
</div>
</div>
</div>
* {
box-sizing: border-box;
}
.container {
max-width: 1170px;
margin: 0 auto;
}
.items-row {
background-color: #eee;
display: flex;
flex-direction: column;
max-width: 300px;
margin: 0 auto;
}
.item {
border: 1px solid red;
padding: 15px;
display: flex;
margin: 5px;
}
.numbers {
background-color: yellow;
}
.numbers,
.text {
padding: 0 10px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.