JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<aritcle>
    <img align="right" src="https://images.unsplash.com/photo-1633114127408-af671c774b39?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80" width="50%" alt="">

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae odio omnis, earum, eaque repellendus amet quas eveniet id nobis itaque, natus quo, perferendis. Labore animi, illo possimus cum quae, sunt similique. Consequuntur fuga repellat alias odio! Dolores harum vitae deserunt eveniet hic, quia, itaque iure architecto atque repellendus rerum? Soluta aperiam, totam, amet dignissimos adipisci iure explicabo sunt. Maiores in, vel quas, dolore deleniti quod molestiae velit itaque placeat natus quos, distinctio minus laborum! Eos odit perferendis sunt dolorem voluptatibus, laboriosam reprehenderit vero, incidunt maiores architecto debitis fuga, facere. Cumque harum, tenetur eaque fugiat accusamus inventore excepturi perferendis accusantium eligendi?</p>
    
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas saepe quaerat sit id nam! Obcaecati quis perferendis quaerat vel sunt amet ab aliquid dicta, tempore commodi nobis at, velit soluta vitae. Beatae obcaecati nulla, ipsam corporis perferendis temporibus rerum ipsa dolores facere porro, dolor alias enim nobis, voluptates tempora neque.</p>
</aritcle>

CSS

img[align="right"] {
    margin-left: 30px;
}