JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <span class="szoveg">hello sdf sdfsdf szoveg <i>i</i></span><br />
    jani<br />
    
</div>

CSS

.container{
    width:100%;
    text-align:center;
}
span{
    display:inline-block;
    position:relative;
    line-height:20px;
    background-color:#090;
    color:#fff;
    padding:0 5px;
}
i{
    display:block;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    color:#fff;
    background-color:#00f;
    position:absolute;
    right:-25px;
    top:0px;
}