Can someone tell me how to add padding to this showcase code?
<div class="showcases">
<ul>
<li><a href="{{store url='men.html'}}">
<img src="{{media url="wysiwyg/showcase_images/barrel_heat.jpg"}}" alt="showcases-img">
<div class="showcases--text"><span>NIGHTFORCE</span></div>
</a></li>
<li><a href="{{store url='women.html'}}">
<img src="{{media url="wysiwyg/showcase_images/Carbon_fiber-science.jpg"}}" alt="showcases-img">
<div class="showcases--text"><span>TRIGGERS</span></div>
</a></li>
<li><a href="{{store url='children.html'}}">
<img src="{{media url="wysiwyg/showcase_images/carbon_fiber_wrapping.jpg"}}" alt="showcases-img">
<div class="showcases--text"><span>PROOF RIFLES</span></div>
</a></li>
<li><a href="{{store url='men.html'}}">
<img src="{{media url="wysiwyg/showcase_images/proof_barrel_science.jpg"}}" alt="showcases-img">
<div class="showcases--text"><span>BIPODS</span></div>
</a></li>
</ul>
</div>