JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div class="footer">
            <a href="url_here" class="next" title="Next"><span>Next</span></a>
             <p>bla bla bla bla</p>
                        
             
        </div>

    </body>
</html>

CSS

body{
    background-color:blue;
}

div.footer p {
    color: #FFF;
    width: 80%;
    margin: 0 auto;
    padding:0;
    border: 1px solid white;
}
div.footer a.next {
    background-repeat:no-repeat;
    display: block;
    float: right;
    margin-left: 2em;
    height: 52px;
    width: 24px;
    background-image: url('../gfx/arrow-right.jpg');
    margin-left: .7em;
    color:white;
}