JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Teams">
  <div id="Info">
    <img id="pImage" src="">
    <div id="pInfo">
      <a class="param">Текст:</a><a class="information" id="Status">Текст</a>
      <br>
      <a class="param">Текст:</a><a class="information" id="Mesage">0</a>
      <br>
      <a class="param">Текст:</a><a class="information" id="Warning">0</a>
      <br>
      <a class="param">Текст:</a><a class="information" id="Score">0</a>
      <br>
      <a class="param">Текст:</a><a class="information" id="Activ">Текст</a>
    </div>
  </div>
  <div id="Main">
  </div>
</div>

CSS

#Teams {
  min-height: 400px;
  border: 1px solid #747474;
  width: 95%;
  padding-top: 0px;
  padding-bottom: 12px;
  overflow: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#Info {
  height: 300px;
  float: left;
  width: 15%;
  margin-top: 20px;
  margin-right: 2%;
  padding: 10px;
  clear: both;
  background: silver;
}

#Main {
  float: left;
  margin-top: 30px;
  margin-right: 2%;
  width: 70%;
  height: 300px;
  margin-left: 2%;
  background: #444444;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}