JSFiddle - React, Tailwind, and code Playground

by Matthew Sullivan

HTML

<div>
    <img src="http://matthewjamessullivan.com/assets/logoJumbotron.png" alt""/>
    <p class="floatRightClass">Some text here</p>
</div>

<!-- OR -->
<div class="wrapper">
    <div class="img">
        <img src="http://matthewjamessullivan.com/assets/logoJumbotron.png" alt""/>
    </div>
    
    <div class="txt">
        <p>Some text here</p>
    </div>
</div>

CSS

.floatRightClass{
    float: right;
}

.wrapper{
    width: 100%;
    float: left;
}

.img{
    float: left;
    width: 50%;
}

.txt{
    float: right;
    width: 50%;
    height: 100%;
}