JSFiddle - React, Tailwind, and code Playground

by krish

HTML

<div style="text-align:justify;"><ul style="position:relative;"><li class="parent">text</li><li>text</li><li class=parent>text</li><li>text</li></ul></div>

CSS

div li
{
display: inline-block; position:relative;
}

JavaScript

var position = $('.parent').position();
alert('positon of parent left'+position.left);
if (position.left < 100) {
    alert('position.left less than 100 and adding class left to parent');
    $('.parent').addClass('left');
}