JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<p id="test">Text in paragraph</p>

CSS

p {
    border: 0;
    padding: 0;
    font: 12px/18px Arial, sans-serif;
}

JavaScript

var $test = $('#test');
console.log( 'outer: ', $test.outerHeight() );
console.log( 'height: ', $test.height() );
console.log( 'paddingTop: ', $test.css('paddingTop') );
console.log( 'paddingBottom: ', $test.css('paddingBottom') );
console.log( 'borderTopWidth: ', $test.css('borderTopWidth') );
console.log( 'borderBottomWidth: ', $test.css('borderBottomWidth') );
console.log( 'lineHeight: ', $test.css('lineHeight') );