JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<p>asdasdasdasdasdasdasd<span>Ressfsdfsdf</span>asdasdasd</p>

</body>

CSS

#container{
        width: 400px;
        height: 100px;
        border: 1px solid black;
        padding: 2px; 
        margin: 0 auto;
    }
    #container:before{
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        content: "";
        text-align: center;
    }
    p{
        line-height: 50px;
        font-size: 30px;
    }

    span{
        display: inline-block;
        font-size: 10px;
    }