JSFiddle - React, Tailwind, and code Playground

HTML

<div class="playerInfo">
<div class="playerChamp">
    <img src="profileIcon10.jpg" width="100" height="100" >
        <div class="playerName">
            <label for="male">Male</label>
        </div>
</div>
</div>

CSS

.playerInfo {
      height:120px;
      width:130px;
      background:blue;
        border:solid 1px black;
  }

  .playerChamp {
  width:100px;
  height:100px;
  background :red;
}

  .playerName {
  width:100px;
  height:20px;
  background :red;
  margin-top:-4px;
}