JSFiddle - React, Tailwind, and code Playground

HTML

<div class="quote">

        <div id="randomquote">
            Hello there, this is supposed to show a quote.
         </div>


        <div class="author">
            This should be the author's name.
        </div>

</div>

SCSS

.quote { width: 100%; margin: auto; text-align: center; background-color: #171717; font-size: 25px; padding: 10px; }

.quote .author { width: 50%; float: right; font-size: 20px; color: red; padding: 10px; }