JSFiddle - React, Tailwind, and code Playground

by cstigler

HTML

<link rel="stylesheet" href="http://charliestigler.com/jsfiddle.css">

JavaScript

$(document).ready(function() {
    var testDiv = $('<div class="test"></div>');
   
    testDiv.css('padding-left', '20px');
    testDiv.css('padding-right', '20px');
   
    // make sure to apply this style in case the stylesheet
    // hasn't loaded yet
    testDiv.css('box-sizing', 'border-box');
    
    console.log("testDiv.css('width') = " + testDiv.css('width'));
    console.log("testDiv.outerWidth() = " + testDiv.outerWidth());
});