JSFiddle - React, Tailwind, and code Playground

by Eugeny Venegrad

HTML

<div class="fieldset">
    <span class="legend"><span>Test title</span></span>
    Test Text
</div>

CSS

body {
    background: #fff;
}

.fieldset {
    border: 1px solid #000;
    margin: 20px;
    padding: 20px;
}

.legend {
    display: block;
    margin-top: -30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.legend span {
    background:#fff;
    padding: 0 10px;
}