<div class="item">
<div class="icon"></div>
<h3 class="title">Title</h3>
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius vitae dignissimos placeat, dolorem veritatis dolor animi delectus fugiat. Deleniti, qui. Esse est veritatis nobis voluptatem at, molestiae tempora sapiente. Cumque!</p>
</div>
* {
box-sizing: border-box;
}
.item {
max-width: 400px;
padding: 8px 8px 8px 60px;
color: #d97f25;
position: relative;
}
.icon {
position: absolute;
left: 0;
top: 8px;
width: 50px;
height: 50px;
border-radius: 50%;
background: #f02626;
}
.title {
margin: 0 0 .5em;
font-size: 24px;
}
.text {
margin: 0;
font-size: 20px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.