JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fila">
    <ul>
        <li>
            <div> <a href="../multimedia/imagenes/1.jpg" target="_blank"><img  src="http://placekitten.com/400/300"/></a>
            </div>
        </li>
        <li>
            <div> <a href="../multimedia/imagenes/2.jpg" target="_blank"><img src="http://placekitten.com/400/200"/></a>
            </div>
        </li>
        <li>
            <div> <a href="../multimedia/imagenes/3.jpg" target="_blank"><img src="http://placekitten.com/400/100"/></a>
            </div>
        </li>
        <li>
            <div> <a href="../multimedia/imagenes/4.jpg" target="_blank"><img src="http://placekitten.com/400/250"/></a>
            </div>
        </li>
    </ul>
</div>

CSS

#fila img{
    width: 100%;
}

#fila li {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    margin-left: -3px; /* resetear el espacio que crean los saltos de linea en HTML */
}