JSFiddle - React, Tailwind, and code Playground

by _nK

HTML

<span class="wrapper">
    <span>[ ? ]</span>
    <div class="info">Any long text can
    
    go in here to test what goes as d asd as das das das da sds awrong with wrapping.</div>
</span>

CSS

.wrapper {
    position: relative;
    display: run-in;
    top: 100px;
}

.info {
    position: absolute;
    bottom: 1.2em;
    left: 50%;
    max-width: 200px;
    white-space: pre-line;
    background-color: #ddd;
}