JSFiddle - React, Tailwind, and code Playground

HTML

<body>

  <header>
  <div class="img-header"><img src="https://pp.userapi.com/c841134/v841134636/65487/Fi1JYzPFIEA.jpg" alt="logo" /></div><div class="text-header"><span>МОЙ ПРОФИЛЬ</span></div>
  </header>
  
</body>

CSS

body {
  margin: auto;
  width: 959px;
  height: 707px;
}

header {
  background-color: #019755;
  height: 115px;
  margin-bottom: 15px;
}

header div {
  display: inline-block;
  text-align: center;
  width:50%;
  height:100%;
}
header div:after {
  content:'';
  display:inline-block;
  width:0;
  height:100%;
  vertical-align: middle;
}

.img-header img {
  vertical-align: middle;
}


.text-header span {
  font-family: Arial sans-serif;
  color: blue;
  font-size: 48px;
  vertical-align: middle;
}