JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Традиционно тайтл</title>
<meta name="description" content="[*description*]" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script Language="JavaScript">function scrollit() {for (I=100; I>=1; I--) {self.scroll(1,I)}}</script>
</head>

<body>
    <div id="container">
        <div id="header"></div>

        <div id="menu_blocks">
            
            <div id="menu_middle">
               У людей в глазах позеленело.
"Не добра ждать", - говорят в дружине.
Старики поникли головами:
"Быть убитым нам или плененным!"
Князь же Игорь: "Братья и дружина,
Лучше быть убиту, чем  пленену!
Но кому пророчится погибель -
Кто узнает, нам или поганым?
А посядем на коней на борзых
Да посмотрим синего-то Дону!"
Не послушал знаменья он Солнца,
Распалясь взглянуть на Дон великий!
"Преломить копье свое, - он кликнул, -
Вместе с вами, русичи, хочу я
На конце неведомого поля!
Или с вами голову сложити,
Иль испить златым шеломом Дону!"

   О Боян, о вещий песнотворец,
Соловей времен давно минувших!
Ах, тебе б певцом быть этой рати!
Лишь скача по мысленному древу,
Возносясь орлом под сизы тучи,
С древней славой новую свивая,
В путь Троянов мчась чрез дол на горы.
Воспевать бы Игореву славу!

   То не буря соколов помчала,
То не стаи галчьи побежали
Чрез поля-луга на Дон великий...
Ах, тебе бы петь, о внук Велесов!..

   За Сулой-рекою да ржут кони,
Звон звенит во Киеве во стольном,
В Новеграде затрубили трубы;
Веют стяги красные в Путивле...
Поджидает Игорь мила брата;
А пришел и Всеволод, и молвит;
"Игорь, брат, един ты свет мой светлый!
Святославли мы сыны, два брата!
Ты седлай коней своих ретивых,
А мои оседланы уж в Курске!
И мои куряне ль не смышлены!
- Повиты под бранною трубою,
Повзросли под шлемом и кольчугой.
Со конца копья они...

CSS

@charset "utf-8";
 * {
     margin: 0;
     padding: 0;
     border: 0;
 }
 
 body {
     background-color: #e0f9d1;
     height: 100%;
 }
 
 
 input, textarea {
    outline-width: 0;
 }
 
 #container {
     width: 1007px;
     margin: 0 auto;
     min-height: 100%;
     height: auto !important;
     height: 100%;
     position: relative;
    border: 1px solid; /* рамка, чтобы стали видимы границы блока - видно, что блок меню выезжает вниз :( */
 }
 
 #container: after {
     display: block;
     visibility: hidden;
     content: " ";
     clear: both;
 }
 
 #wrapper {    
     height: 128px;
 }
 
 /* Header
 --------------------------------------------------- */
 #header {
     background: green;
     width: 1007px;
     height: 236px;
 }
 
 /* Menu_blocks
 --------------------------------------------------- */
 #menu_blocks {
     margin: 18px 0 0 28px;
     position: absolute;
 }
 
 #menu_middle {
     display: block;
     float: left;
     clear: both;
     background: gray;
     width: 167px;
     padding: 4px 0 0 13px;
     font-family: Tahoma;
     font-size: 13px;
     font-weight: 900;
     color: white;
 }
 
 /*Content_blocks
 --------------------------------------------------- */
 #content_blocks {
     margin: 20px 0 0 210px;
 }
 
 /* Content
 --------------------------------------------------- */
 #content {
     background-color: #cefbbe;
     border-color: #c1e5ae;
     border-style: solid;
     border-width: 1px;
     width: 702px;
     padding: 20px 35px 10px 25px;
 }
 
 #adv_content {
     background-color: #cefbbe;
     border-color: #c1e5ae;
     border-style: solid;
     border-width: 1px;
     width: 762px;
     height: 100px;
     margin: 10px 0 0 0;
 }
 
 
 /* Container_bottom
 --------------------------------------------------- */
 #container_bottom {
     width: 762px;
     margin: 10px 0 0 0;
 }
 
 /* Articles
 --------------------------------------------------- */
 #articles {
     display: block;
     float: left;
    ...