JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<fieldset>
  <legend>my legend</legend>
  <input type="text" name="" id="">
  <br><br>
  <input type="text" name="" id=""><br>
</fieldset>

SCSS

$spacing: 1.5em;
* {
  font-family: Arial, sans-serif;
}
fieldset {
  border: 1px solid #ccc;
  border-top-width: 0;
  border-right-width: 0;
  padding: $spacing;
  margin: 0;
}
legend {
  display: table;
  padding: 0 $spacing;
  position: relative;
  left: -$spacing;
}