JSFiddle - React, Tailwind, and code Playground

by johnbk

HTML

<div class="meme">
    <div id="memeImage">
        <img id="memeimg" src="">
    </div>
</div>

CSS

.meme {
    position: relative;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;
}
#memeImage {
    z-index: -1;
    border: 0px;
    margin: 0px;
    text-align: center;
    position: relative;
}

JavaScript

$(document).ready(function () {

    $("#memeimg").on('load', function () {
        console.log("image loaded");
    }).attr('src', 'http://i.imgur.com/xENQisG.jpg');

});