Untitled

<fieldset>

  <legend><span>Lorem Ipsum</span></legend>

</fieldset>

<fieldset>

  <legend><span>Lorem</span></legend>

</fieldset>

<fieldset>

  <legend><span>Loremipsumipsumipsumipsumipsumipsum </span></legend>

</fieldset>

<div> <span>lolka228</span> </div>

fieldset{

  width: 500px;

  margin: 100px auto;

  text-align:center;

  border-color: black;

}

legend{

  padding: 0 4px;

}

legend span{

  display:inline-block;

  line-height: 56px;

  padding: 0 20px;

  border: 2px solid black;

  border-top-color: transparent;

  border-bottom-color: transparent;

  border-radius: 56px;

}

div{

  border: 1px solid black;

  display: block;

-webkit-margin-start: 2px;

-webkit-margin-end: 2px;

-webkit-padding-before: 0.35em;

-webkit-padding-start: 0.75em;

-webkit-padding-end: 0.75em;

-webkit-padding-after: 0.625em;

border: 2px groove threedface;

min-width: -webkit-min-content;

}

div span{

  display:inline-block;

  margin-top: -10px;

}