JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div class="container">
            <div class="exclusion">
                Exclusion positioned at bottom right hand side of text.
            </div>
            <div class="dummy_text">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis mollis
                    feugiat. Mauris volutpat dui odio, nec aliquet tortor. Cras sed enim justo, sit
                    amet dignissim eros. Fusce et metus et diam vulputate suscipit ac non sem. Class
                    aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                    Suspendisse in nulla sed libero faucibus sagittis vitae a dolor. Quisque lacinia
                    eros orci. Duis interdum lobortis tellus, non congue orci venenatis quis. Donec
                    semper quam non augue scelerisque et commodo nisl lacinia. Phasellus malesuada dolor
                    mollis massa ultrices id ultricies erat malesuada. Maecenas malesuada molestie vulputate.
                </p>
                <p>Praesent nec mi arcu. Cras eu nulla nec arcu blandit iaculis. Morbi felis urna, mollis
                    vitae pharetra non, faucibus nec diam. Cras placerat sagittis tincidunt. Cras malesuada
                    laoreet felis, id tempus lacus placerat sit amet. Etiam tempor condimentum tortor
                    eget elementum. Aenean eget orci risus. Proin sagittis posuere nisl sed accumsan.
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ligula sem, luctus
                    in elementum quis, convallis ac dui. Phasellus dolor tortor, suscipit vitae consequat
                    eu, fringilla vel metus. In pulvinar nunc vitae lacus commodo facilisis. Vestibulum
                    facilisis lacus sit amet eros cursus eget suscipit lorem euismod. Nunc eu ante est.
                </p>
                <p>Duis ut tortor non nulla hendrerit scelerisque. Nunc sem neque, bibendum a...

CSS

*
{
    margin:0;padding:0;
}

.container {
    font-size: small;
    background: aqua;
    position: relative;
}

.exclusion {

    background-color: lime;
    -ms-wrap-flow: both;
    -ms-wrap-margin: 10px;
    z-index: 1;
    position:absolute;
    right:0;
    bottom:-10px;
    width: 150px;
    height: 100px;
    background: url(http://placehold.it/150x100) no-repeat;
}