<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.