JSFiddle - React, Tailwind, and code Playground

by Jeremy Banks

HTML

<p>
    <img src="https://www.google.ca/images/srpr/logo11w.png" class="togglable-width left">
    
        Text Lauren doesn't know so if you put the words and if it is because it tried to retain. From how if he doesn't really know how and blot out a new that but it won't wonder if you got here meet me home with me know everything but you won't forget it you've fun Armex include running ev well like I'm a lateerywhere clipart image from couloir order and just Serafy Google image for logos total with right for each other we don't presently fill up the phone with somebody you say affidavit for the three hundred and Medoras S everything but you won't forget it you've fun Armex include running everywhere clipart image from couloir order  you can like crack your computer with gibberish oh my oh my Godand just Serafy Google News for logos total with rithat's notableght for each other we don't pressingly fill up the phone with somebody to sign affidavits for the 300 and Medoras at Griffin off the something different  and often if it never
    <img src="https://www.google.ca/images/srpr/logo11w.png" class="togglable-width right">
         Armex include running everywhere clipart image from couloir order  you can like crack your computer with gibberish oh my oh my Godand just Serafy Google News for logos total with rithat's notableght for each other we don't pressingly fill up the phone with somebody to sign affidavits for the 300 and Medoras at Griffin off the Text Lauren doesn't know so if you put the words and if it is because it tried to retain. From how if he doesn't really know how and blot out a new that but it won't wonder if you got here meet me home with me know everything but you won't forget it you've fun Armex include running ev well like I'm a lateerywhere something different  and often if it never.
</p> 
        
<p>
    
         Armex include running everywhere clipart image from couloir order  you can like crack your computer with gibberish oh my oh my...

CSS

/* uses CSS transitions for animation */

.togglable-width {
    width: 20%;
    transition: width 0.2s ease;
}
iframe.togglable-width {
    height: 4em;
}

.togglable-width:hover {
    width: 50%;
}
iframe.togglable-width:hover {
    height: 8em;
}


.right {
    float: right;
    margin-left: .25em;
}

.left {
    float: left;
    margin-right: .25em;
}