JSFiddle - React, Tailwind, and code Playground

HTML

<div id="head">
  <div id="left">ЗДЕСЬ<br> ГЕРБ УНИВЕРСИТЕТА</div>
  <div id="right">
    <table>
      <tr>
        <td>Университет:</td>
        <td>Наименование учреждения</td>
      </tr>
      <tr>
        <td>Группа:</td>
        <td>Номер группы</td>
      </tr>
      <tr>
        <td>Студент:</td>
        <td>Фамилия И.О</td>
      </tr>
    </table>
  </div>
</div>
 <ul class="nav">
  <li class="selected"><a href="">ГЛАВНАЯ</a></li>
  <li><a href="">ОТЧЁТЫ</a></li>
  <li><a href="">О СЕБЕ</a></li>
</ul>

CSS

ul.nav {
  list-style:none;
  margin: 0;
  padding: 0;
  background-color: #89A0B0;
  overflow: hidden;
}

ul.nav li {
  float: left;
}

li a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding: 10px;
}

.selected {
  background-color: #626F79;
}

body {
  background-color: #fff;
}

#left, #right {
  display: inline-block;
}

#left {
  width: 50%;
  text-align: center;
  padding-bottom: 20px;
}

tr > td:nth-child(2), a, #left {
  font-weight: bold;
}