JSFiddle - React, Tailwind, and code Playground

by Adam Poczatek

HTML

<!DOCTYPE html>
<html>
   <head>
      <title></title>
   </head>
   <body>

       <div id="test">   
            <ul>
                <li>01. Aliquam mollis - tincidunt nulla</li>
            </ul>
       </div>
       
       <div id="holder"></div>

  </body>
</html>

CSS

#holder{
    position:absolute:
    top:10px;
    left:10px;
    
    font-family: sans-serif;
    font-size:15px;
  
}

JavaScript

$(document).ready(function () {  
    var width;
    
    $("#test")
        .clone()
        .addClass("checkWidth")
        .appendTo("body")
        .find("li")
            .css({
                "float": "left"
            });
    
    width = $(".checkWidth li").width();
    
    console.log(width);
    
    $(".checkWidth").remove();
});