JSFiddle - React, Tailwind, and code Playground

HTML

<div id="black-bar">
  <div class="fixed-container">
    Самые <a href="#">свежие новости</a> в реальном времени
    <div id="datetime">12:40 30.03.2021</div>
  </div>
</div>

<div id="header">
  <div class="fixed-container">
    <img id="logo" src="img/logo.png">
  </div>
</div>

sdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdgsdsdfsdgsdgsdg

CSS

html, body{
  margin:0;
  padding: 0;
  min-width: 1000px;
  width: 100%;
  word-wrap:  break-word;
}

#black-bar{
  background-color: black;
  color: white;
  padding: 20px 0;
}

#black-bar a{
  color: white;
}

.fixed-container{
  width: 960px;
  margin: 0 auto;
}

.inline-block{
  background-color: yellow;
  padding: 10px;
  width: 70px;
  text-align: right;
  margin-bottom: 10px;
  display: inline-block;
}

#datetime{
  float: right;
}

#logo{
  position: relative;
  top: 40px;
}