JSFiddle - React, Tailwind, and code Playground

by Thanos Saringelos

HTML

<div class='mydiv'>

  <button class='mybtn'>
     
     <img class='myimg' src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/1280px-Image_created_with_a_mobile_phone.png">
     
  </button>
  
</div>

CSS

.mydiv{
  height:60px;
  width:250px;
  border:1px blue solid;
}

.mybtn{
  height:50%;
  width:30%;
  border:1px red solid;
}

.myimg{
   height:50%; 
    border:1px black solid;
}