JSFiddle - React, Tailwind, and code Playground

HTML

<p class="menusomething">In-game Imagery</br>
    <a href="R.jpg">
        <img src="https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcR9R6_oDMr088q0eECHRB5xtxqOtRwRcxrkodmen7gkk_aeX_ScZg" width="200" height="150"/>          
    </a>
</br>
    <a href="Re2.jpg">
        <img src="https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcSbJrEHCKGmLaqtMlvHEwfaKxofNY1FDlxbZzvfFuOr3gPguZRD" width="200" height="150"/>   
    </a>
</br>
    <a href="Ri.jpg">
        <img src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcRNVeel-jD-eezutNnUuylJkrdItyZkE-TC_K3RVhRiZaNKewWgFw" width="200" height="150"/>
    </a>
</br>
    <a href="Ri4.jpg">
        <img src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcQyM4bNfkZbCK9PKXVM-ygsjNBQ558Ba0fcTWMgMYzFeu8kICWZBg" width="200" height="150"/>
    </a>
</br>
</p>

CSS

p.menusomething{background: white;
   margin: auto;
   margin-top: 20px;
   margin-left: 10px;
   padding: 10px;
   width: 200px;}

p.menusomething a>img
{
   margin-top:20px; /*to have the space above the image*/
  /* margin-bottom:10px; to have the space under the image*/
    border:1px solid green; /*this is to show the actual edges of every image*/
}