Looking for suggestions on how to include legend text on the bottom border in bootstrap 4.
I attempted to use position
and margin
, but it didn't work.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<fieldset class="border p-2">
<legend class="w-auto">Head</legend>
</fieldset>
Expected output:
https://i.sstatic.net/vtgkk.png
Appreciate the help!