JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div id="pozadi">
             <div id="web">
                      <div id="hlava">
                    <a rel="nofollow" href="index.html">  <img src="timeline.jpg" title="timeline" class="timeline" width="700" height="200" /> </a>  </div>
                                     
                         <div class="menu">
                         <ul>                                           
                       <div id="a">    <a rel="nofollow" href="uvod.html" > Historie </a>     </div>
                         <div id="b">    <a rel="nofollow" href="disko.html" > Diskografie </a> </div>
                       <div id="c">      <a rel="nofollow" href="foto.html" > Fotogalerie </a>  </div>
                       <div id="d">      <a rel="nofollow" href="vznik.html" > Odkazy </a>       </div>
                      </ul>
                         
                          </div>   
                      <div id="text">    
                                  
                                  
                                      <h1 class="nadpis"> Vznik LINKIN PARK </h1>
                                  
<p>Poté co v roce 1994 promoval na Washington High School ve Phoenixu v Arizoně, se vokalista Chester Bennington přidal ke kapele zvanéGrey Daze.
 Skupina vydala dvě alba, No Sun Today a Wake Me . Konflikty s kapelou však Benningtona donutili odejít. Mezitím v roce 1996, kytarista Brad Delson
 a MC Mike Shinoda promovali na Agoura High School v Los Angeles na předměstí Agoura Hills, v Kalifornii.Po promocích, ještě s kamarádem bubeníkem
  Robem Bourdonem vytvořili kapelu, která se jmenovala SuperXero . Ještě předtím, byli Delson a Bourdon asi tak rok ve skupině zvané Relative Degree.  </p>

                   <img src="obra.jpg" title="obra" class="obra" width="300" height="200" />  
                                   
              <p>Ti tři začali hrát ještě archajickou formu své hudby v době, kdy byli na koleji. Delson navštěvoval...

CSS

/* CSS Document */
#pozadi{
 background: rgb(32,96,127);      
       }

#web{
width:700px;
min-height:900px;
border:1px solid rgb(32,96,127);
border-radius: 25px 25px  25px  25px;   
margin: 0 auto;
     }
#hlava{
width:700px;
height:200px;
border-radius: 25px 25px 0px 0px;
      
         }     
         
.timeline{
border-radius: 25px 25px 0px 0px;     
       }      
       
       
.menu{
width:700px;
height:50px;

    
     }
     
#a{
width:175px;
height:30px;
border:1px solid  rgb(32,96,127);
text-align:center;
margin-left:-41px;
margin-top:-16px;
background: rgb(32,96,127);
 
 }
#b{
width:175px;
height:30px;
border:1px solid  rgb(32,96,127);
text-align:center;
margin-left:135px;
margin-top:-32px ;
background: rgb(32,96,127);
 
 }
#c{
width:175px;
height:30px;
border:1px solid  rgb(32,96,127);
text-align:center;
margin-left:311px;
margin-top:-32px ;
background: rgb(32,96,127);
 
 }  
#d{
width:172px;
height:30px;
border:1px solid  rgb(32,96,127);
text-align:center;
margin-left:487px;
margin-top:-32px ;
background: rgb(32,96,127);
 
 }  
 
a{text-decoration: none;
font-size:20px;
text-shadow:0 1px 1px #000;
color:blue;

 
  }
#a:hover{background: rgb(255,255,255); }

#b:hover{background: rgb(255,255,255);}
#c:hover{background: rgb(255,255,255); }
#d:hover{background: rgb(255,255,255); }
         
         }
#text{
width: 700px;
height:670px;
border:1px solid red;
border-radius: 0px 0px  25px  25px;
background: rgb(51,255,204);
     
     }     
     
 .obra {margin-left:190px;}  
 
.nadpis{
        text-align:center;
        color: yellow;        
       }
.tabulka{
   font-size:50px;  
margin-left:150px;
margin-top:50px;
font: Ariel;
      }
.tabule{
  margin-left:150px;
margin-top:50px;     
       }
 
 #odkaz1{margin-left: 190px;
 margin-top:30px;
        }      
        
  #odkaz2{margin-left: 190px;
        }