JSFiddle - React, Tailwind, and code Playground

by bittersweetryan

HTML

<ul>
    <li><span class="top"></span><p>one</p></li>
    <li><span class="top"></span><p>two</p></li>
    <li><span class="top"></span><p>three</p></li>
</ul>

CSS

ul{
   padding: .4em;
}

li{
    
    float: left;
}

span.top{
    width: 10px;
    height: 15px;
    transform: skew(45);
    bgcolor: blue;
}

JavaScript

console.log($("li span.top"));