JSFiddle - React, Tailwind, and code Playground

by tomprogramming

HTML

<div style="font-weight:bold;">something <span id="testspan">good</span> <span id="testnormal" style="font-weight:normal">better</span> </div>

<div>
    foo
    <span style="text-decoration:underline;">bar before <span id="bar-inner">bar inner</span> bar after</span>
</div>

<span style="text-decoration:underline;">
    Test foo then block
<span style="position:relative;top:200px; left:200px;">
    foo
    <span style="">bar before <span id="bar-inner">bar inner</span> bar after</span>
</span>
    test foo after block;
</span>
<br/>


<span style="text-decoration:underline;"><span>foo <sub>food <sup>test</sup> food</sub> bar outer</span></span>

JavaScript

console.log($('div').css('font-weight'));
console.log($('#testspan').css('font-weight'));
console.log($('#testnormal').css('font-weight'));
console.log('testing text decoration')
console.log($('#bar-inner').css('text-decoration'))

console.log($('sub').css('text-decoration'));