JSFiddle - React, Tailwind, and code Playground

by jwerre

HTML

<img src="http://www.masternewmedia.org/images/usability_testing_absplit.jpg" alt="" />

CSS

img {
    margin: 30px;
}

JavaScript

var bordT = $('img').outerWidth() - $('img').innerWidth();
var paddT = $('img').innerWidth() - $('img').width();
var margT = $('img').outerWidth(true) - $('img').outerWidth();

var formattedBord = bordT + 'px';
var formattedPadd = paddT + 'px';
var formattedMarg = margT + 'px';


document.write('Image\'s margin is: ' + formattedMarg);