JSFiddle - React, Tailwind, and code Playground

by Ryan J

HTML

<div class="element">
    <img src="http://placehold.it/100x100"/>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>

<div class="element">
    <img src="http://placehold.it/150x150"/>
    <p>Lorem Ipsum is simply dummy text </p>
</div>

<div class="element">
    <img src="http://placehold.it/100x200"/>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>

</div>

CSS

.element {
    background:rgb(134, 226, 255);
    min-width:700px;
    margin:10px;
}
p {
    display:inline-block;
    width:70%;
    background:white;
    vertical-align:middle;
}
img {
    display:inline-block;
    vertical-align:middle;
    padding-right:5%;
}