JSFiddle - React, Tailwind, and code Playground

HTML

<div class="reviewbox">
This is some text. It is part of an example of rounded borders in css. It is two lines long by now, I suppose.
This is some text. It is part of an example of rounded borders in css. It is two lines long by now, I suppose.
This is some text. It is part of an example of rounded borders in css. It is two lines long by now, I suppose.
<br><br>
This is some text. It is part of an example of rounded borders in css. It is two lines long by now, I suppose.
    <div class="authorbox">
    <div class="rightalign">
       HACKEPETER XXLL ASLLLS
       </div>
    </div>
</div>

CSS

div.reviewbox{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #333;
    color: #8AF;
    padding: 15px 20px 15px;
}

div.reviewbox .authorbox{
    margin: 0px -20px;
    padding: 10px 20px;
    background-color: #8AF;
    color: #000;
}

div.rightalign{
    float: right;
}