JSFiddle - React, Tailwind, and code Playground

HTML

<div class="staff">
  <h4 class="staff__title">Tytuł</h4>
  <div class="staff__avatar">
    <img class="staff__avatar__image" src="http://placehold.it/50x50" alt="Avatar">
  </div>
  <div class="staff__info">
      <p class="staff__info__item">Nickname: Ryszard</p>
      <p class="staff__info__item">Prywatna wiadomość</p>
      <p class="staff__info__item">Steam</p>
  </div>
</div>

CSS

.staff {
  width: 35%;
  padding: 0 15px;
  float: right;
  background: black;
  color: #f0f0f0;
  box-sizing: border-box;
}

.staff:after {
  display: table;
  content: '';
  clear: both;
}

.staff__title { color: red; text-shadow: 0 0 5px red; text-align: center; }
.staff__avatar { width: 30%; float: left; }
.staff__avatar__image { max-width: 100%; }
.staff__info { width: 70%; float: right; }
.staff__info__item { margin: 0; }