JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <fieldset>
        <legend>Some legend</legend>
        <input type="text" value="Foo" />
        <input type="submit" value="Submit" />
    </fieldset>
</form>

CSS

form {
    padding: 20px;
}
fieldset {
    box-shadow: 0 0 5px black;
    border: 1px solid red;
    border-radius: 10px;
    top:20px;
    padding: 10px;
    position:relative;
}
fieldset legend {
    box-shadow: 0 0 5px black;
    border: 1px solid red;
    border-radius: 10px;
    bottom:20px;
    padding: 10px;
    position:absolute;
}