JSFiddle - React, Tailwind, and code Playground

by tenold

HTML

<div class="parent">
    <div class="child">Some random length of text.</div>
</div>

CSS

.parent {
    position:relative;
    width:400px;
    height:600px;
    background:#eee;
    margin-left:100px; /* For better viewing in this case */
}

.child {
    position:absolute;
    top:0;
    right:100%;
    /* width:100%; doesn't work */
    /* width:auto; doesn't work */
    /* min-width:100%; doesn't work */
    white-space:nowrap;
}