JSFiddle - React, Tailwind, and code Playground

by guest271314

HTML

<div class="page-electricite-generale">    
    <div class="one"></div>
</div>

CSS

.page-electricite-generale {
    display:block;
    width:100%;
}
.page-electricite-generale .one {
    position:relative;
    display:block;
    width:400px;
    height:400px;
}

JavaScript

var elem = $(".page-electricite-generale .one");
elem.prepend(
   $("<img />", {
            "src":"http://lorempixel.com/200/200/cats/",
            "width":elem.css("width"),
            "height":elem.css("height"),
       "css": {
           "position":"relative",
           "left":((parseInt(elem.parent().css("width")) - parseInt(elem.css("width"))) / 2) + "px"
       }
        })
);