JSFiddle - React, Tailwind, and code Playground

by WK_of_Angmar

HTML

<p id="humortext">Example text here.</p>
<p>More text...</p>

CSS

#humortext {
    float: right;
    border: solid 1px #DDDDCC;
    background-color: #FFFFEE;
    padding: 2px;
    margin-right: 15px;
    display: inline-block;
}

/* This makes sure that the element directly after the #humortext is placed below and not to the side. */
#humortext+* {
    clear: both;
}