JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<body style="width:1000px; height:800px">

  <div style="  background: #ff0000;
  height: 50px;
  width: 300px;
  display:inline-block;">Верхнее меню
    <br> красный
  </div>
  <div style=" display:inline-block;
  background: #000000;
  height: 50;
  width: 100px;"><span style="color: #ffffff;">Время и дата Черный</span></div>

  <div style=" background: #008000; height: 300px; width: 500px;">Зона содержимого.
    <br> Зеленный
  </div>

  <div style="background: #ffff00; height: 50px;">Футер
    <br> Жёлтый
  </div>

CSS

.green {
  
}