JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50">
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>
<div>
    <img src="//placehold.it/50x50"/>
</div>

CSS

div {
    float:left;
    margin:0 15px 0 0;
}

JavaScript

var divs = document.getElementsByTagName('div');
divs[divs.length-1].style.border = '1px solid red';