JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
		<legend>Example text here</legend>
	</fieldset>

CSS

fieldset{
		height: 300px;
		width: 140px;
		border-radius: 25px 25px 25px 25px;
       -moz-border-radius: 25px 25px 25px 25px;
       -webkit-border-radius: 25px 25px 25px 25px;
		border:2px solid green;
		margin: 0 auto;
		position: relative;
     -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
   background-color: #ffffff;
   padding: 15px;
	}


	legend{
	color: green;
    font-size: 45px;
    border-radius: 25px 25px 25px 25px;
   -moz-border-radius: 25px 25px 25px 25px;
   -webkit-border-radius: 25px 25px 25px 25px;
    left: -165px;
    position: absolute;
    top: 54px;
	/* Safari */
	-webkit-transform: rotate(-90deg);

	/* Firefox */
	-moz-transform: rotate(-90deg);

	/* IE */
	-ms-transform: rotate(-90deg);

	/* Opera */
	-o-transform: rotate(-90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}