JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div class="extra">extra</div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper porta sem, at ultrices ante interdum at. Donec condimentum euismod consequat. Ut viverra lorem pretium nisi malesuada a vehicula urna aliquet. Proin at ante nec neque commodo bibendum. Cras bibendum egestas lacus, nec ullamcorper augue varius eget.</div>
</div>

CSS

#parent {
    overflow: hidden;
    border: 1px solid red
}
.extra {
    float: right;
    width: 100px;
    background: #888;
}
.content {
    overflow: hidden;
    height: 100px;
    background: #ccc
}