JSFiddle - React, Tailwind, and code Playground

by akash4pj

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

JavaScript

$("ul").css({"margin":"0px","padding":"0px","list-style":"none"});

$("li").append("<div>1st div</div><div>2nd div</div>");
$("li div:first-child").css({"float":"left","float":"left","width":"80%"});
$("li div:last-child").css({"float":"left","width":"20%"});
$("li:nth-child(even) div:first-child").css({"float":"left","width":"20%"});
$("li:nth-child(even) div:last-child").css({"float":"left","width":"80%"});