JSFiddle - React, Tailwind, and code Playground

by Joe Mottershaw

HTML

<div id="example">
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
    <p>test</p>
</div>

CSS

body {
    padding: 20px;
}

#example {
    background: #eee;
    border: 1px solid #ddd;
    padding: 10px;
}

JavaScript

var exampleWidth = $('#example').width();
var exampleHeight = $('#example').height();

alert('Width: ' + exampleWidth + '\nHeight: ' + exampleHeight + '');