JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hello">
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
<a href="#" target="_blank"><img src="http://science.hq.nasa.gov/kids/imagers/ems/ircat.gif" alt="" height="50" width="50" /></a>
</div>

CSS

img { margin:0px; padding:0px; }

.hello img:nth-child(odd) {
    margin-right:10px;
}