JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="div_body">
<div class="div_glavni">
  <div class="div_levo_gl"></div>
  <div class="div_sredina_gl">
  	<div class="div_zgoraj_sr"></div>
  	<div class="div_telo_sr"></div>
  	<div class="div_spodaj_sr"></div>
  </div>
  <div class="div_desno_gl"></div>
</div>
</div>
</body>

CSS

body{
	text-align:center;
	background: #ffffff url(../images/ozadje.jpg) repeat-x center top;	
	font-family:Arial;
	font-size:11px;
	color:#333;
    height:1000px;
}

.div_body {
	width:930px;
	vertical-align: top;	
	background-color:#24922f;	
	margin:0 auto;
    background: #000;
    top:0px;
	bottom:0px;
}

	
.div_glavni {
	position:absolute;
	width:930px;
	vertical-align: top;	
	background-color:#24922f;	
	margin:0 auto;
    background: #000;
    top:0px;
	bottom:0px;
}

.div_levo_gl{
     position:absolute;   	
	
	background-color:#0F0;
	width:10px;
    top:0px;
	bottom:0px;

}
.div_desno_gl{
    position:absolute; 
	right:0px;
	background-color:#F00;
	width:10px;
    top:0px;
	bottom:0px;
}
.div_sredina_gl{
    position:absolute;
    left:10px;
	background-color:#fff;
	width:910px;
	height:300px;

	}

.div_zgoraj_sr {

	height:123px; 
	width:910px;
    background-color:#fcf;
    	top:0px;
	bottom:0px;

}


.div_telo_sr{
	width:910px;
	height:100px; 

	background:#24922f;
	
}
	
.div_spodaj_sr{
	width:910px; 
	height:100px; 

	background:#eee;

}