JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    </head>
    
    <body>
        
        <div id="example" style="position:absolute; width:100%; outline:1px solid black;">
            <div id="inner" style="position:relative; width:100px; margin: 0 auto; background-color:#CCC;">
                test
            </div>
        </div>
    </body>
</html>

JavaScript

x = $('#inner').position().left;
ml = $('#inner').css('marginLeft');
alert("position().left = " + x + "   marginLeft = " + ml);