<div class="block">
<h3>Title</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Non, labore temporibus. Dolore quod autem, neque dolorem ipsum sapiente suscipit numquam soluta repudiandae impedit repellat adipisci voluptates porro? Sequi, ab excepturi.</p>
</div>
.block {
position: relative;
max-width: 500px;
border: 2px solid green;
padding: 10px 20px;
margin: auto;
}
.block h3 {
background: #fff;
padding: 10px;
position: absolute;
top: -40px;
left: 10px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.