JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <span class="radical">√</span>
    <span class="radical">hello</span>
    <span class="radicalData"></span>
</div>

CSS

body {
            font-size:28.8px;
            font-family:"Symbola";
            vertical-align:bottom;
        }
        .parent{
            height:200px;

        }

        .radical {
            border:1px solid #000;
            display:inline-block;
            vertical-align:bottom;
        }
        .radicalData {
            height:200px;

        }