JSFiddle - React, Tailwind, and code Playground

by zakariatantaoui

HTML

<ul type="disc">

        <li><Img Src="http://www.shunya.net/Pictures/Himalayas/Darjeeling/HimalayanBear03.jpg" height="30%" width="30%"> <br> Himalayan/Indian Black Bear 
        
        </li>
        <li><img Src="https://www.thoughtco.com/thmb/s-sGgR7zQSq2tZlZMlD7uuY81Gk=/7360x4912/filters:fill(auto,1)/happy-red-panda-171399380-5b574325c9e77c005b690b41.jpg" height="30%" width="30%"> <br> Red Panda
        
        </li>
        <li> <img Src="http://www.silvertineranch.ca/uploads/5/9/4/9/5949047/1804496_3_orig.jpg" height="30%" width="30%"><br>Himalayan Yak 
        
        </li>
        <li> <img Src="http://www.xinhuanet.com/english/2019-12/06/138611350_15756361946211n.jpg" height="30%" width="30%"><br> Giant-panda 
        
        </li>
        <li> <img Src="https://news.cgtn.com/news/3d3d514d7755444f31457a6333566d54/img/5bcc73138da34ec987d434f94e473892/5bcc73138da34ec987d434f94e473892.jpg" height="30%" width="30%"><br>Himalayan Marmot  
        
        </li>
        
        
        </ul>

CSS

li {
          display:block;
   float:left;
   width:200px; /* adjust */
   padding: 5px; /*adjust*/
        }