JSFiddle - React, Tailwind, and code Playground

HTML

<div  ><div class="partner">Reklamu na tomto hostingu zajišťuje Business Factory - internetová reklama a pokročilý internetový marketing.</div></div><?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
 <head><!--  ščřžýŠČŘŽÝ -->
  <meta name="generator" content="PSPad editor, www.pspad.com" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta content="McBOY" content="McBOY" content="Minecraft server jedoucí na verzi 1.3 .Funkční pluginy a super admin tým." content="minecraft server , czech-gamer , minecraft , minecraft novinky , minecraft servery , minecraft 1.3 ,">
  <meta name="robots" content="All, Follow">
  <link href="style/style.css" rel="stylesheet" type="text/css" />
  <title>Survival-Games.cz</title>
<div id="obal">
  
 </head>
 
<div id="header">
<img src="cropped-131.png" alt>
    </div>


 <div id="navigation">
			<ul>
            	<li><a href="navigation.html">Home</a></li>
                <li id="active"><a href="http://www.psdgraphics.com/html-css/psd-web-navigation-html-and-css-menus-set/">psdGraphics</a></li>
                <li><a href="navigation.html">Services</a></li>
				<li><a href="navigation.html">Clients</a></li>
                <li><a href="navigation.html">News</a></li>
				<li><a href="navigation.html">Contact Us</a></li>
				<li><a href="navigation.html">Tools</a></li>
   	            <li><a href="navigation.html">Advertise</a></li>
				<li><a href="navigation.html">Contact Us</a></li>
			</ul>
	</div>
  <div id="menup-obal">
 
 <div class="menup-obsah">
<p>Minecraft Server: IP: mc.survival-games.cz</p>
<p>TeamSpeak3 Server: IP: ts3.survival-games.cz</p>
 </div>
</div>  
  <div id="news-obal">  
<div class="news-nadpis">
  <h2>Informace</h2>
</div>    
<div class="news-obsah">
<b><p>Vítejte na webu survival-games.cz</b>
Zde se...

CSS

@charset "utf-8";
/* CSS Document */
body {
	background-color: #171717 ;
	margin: 0px;
	padding: 0px;
}

/* Zajisti aby v�e v tomto obalu bylo na st�edu */
#obal {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#header {
	background: top left url(../images/logo.png) no-repeat;
	height: 198px;
}
#header h1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 30px;
	padding: 90px 0 0 230px;
	margin: 0;
}
/* Horn� menu*/
#navigation {
	width: 980px;
	background: url(../images/menu.png) no-repeat left top;
} 
#navigation ul {
	list-style: none;
} 
#navigation ul li {
	display: inline;
} 
#navigation ul li a {
	display: block;
	float: left;
	padding: 15px;
	font: bold 12px Arial;
	color: #ffffff;
	text-decoration: none;
} 
#navigation ul li a:hover {
	color:#FFF;
	background: #0F0;
}
#news-obal {
 background-repeat : repeat-y ;
 width : 672px;
 float : left;	
}
.news-nadpis {
	background-image : url(../images/news.png);
	margin-top : 50px;
	height : 43px;
	width : 672px;
}
.news-nadpis h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #ffffff;
	padding-left : 30px;
	padding-top : 10px;
}
.news-obsah {
	background-color : #232323;
	background-repeat : repeat-y;	
	width : 672px;
	padding-bottom : 50px;
}
.news-obsah p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding-top : 20px;
	padding-left : 20px;
	padding-right : 20px;
}
.news-obsah img {
	float : left;
	margin-top : 10px;
	margin-left : 20px;
	margin-right : 20px;
}
#menup-obal {
	background-repeat : repeat-y;
	width : 273px;
	float : right;
}
.menup-nadpis {
	background-image : url(../images/menu1.png);
	margin-top : 50px;
	height : 43px;
	width : 273px;
}
.menup-nadpis h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #ffffff;
	padding-left : 20px;	
	padding-top : 10px;
}
.menup-obsah {
	background-color : #232323;
	background-repeat : repeat-y;	
	width : 273px;
}
.menup-obsah p {
	font-family : Arial,...