JSFiddle - React, Tailwind, and code Playground

by simevidas

HTML

<p>
    This paragraph has a width set to 300px and padding set to 50px, resulting in a content width of 200px (due to box-sizing:border-box).
</p>

CSS

* {
    -moz-box-sizing: border-box;
}

p {
    width: 300px;
    padding: 50px;
    outline: 3px solid red;
}

JavaScript

document.write(
    'getComputedStyle(elem).width returns ' + getComputedStyle( document.querySelector('p') ).width
);