JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<div id="thumb4" class="thumb">
    <ul>
        <li>
        <a href="#subwork" id="31" class="hide"><img src="images/stuff.jpg" width="150" height="150" alt="Smoke1"></a>
        </li>
        
        <li>
        <a href="#subabout" id="32" class="hide"><img src="images/stuff.jpg" width="150" height="150" alt="Smoke1"></a>
        </li>
        
        <li>
        <a href="#subwork" id="33" class="hide"><img src="images/stuff.jpg" width="150" height="150" alt="Smoke1"></a>
        </li>
        
        <li>
        <a href="#subwork" id="34" class="hide"><img src="images/stuff.jpg" width="150" height="150" alt="Smoke1"></a>
        </li>
        </ul>
    </div>

CSS

.thumb li{
            float: left;
            list-style-type: none;
            
        }
        
        .thumb ul
          {
          margin-left: 0;
          padding-left: 1em;
            border: 2px solid red;
            overflow: hidden;
          }

.thumb img {
    display: block;
}