JSFiddle - React, Tailwind, and code Playground

HTML

<!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="ru-ru" 

lang="ru-ru" dir="ltr" >

<head>

  <base href="http://localhost/baykara/index.php/sample-sites" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="author" content="Super User" />
  <meta name="generator" content="Joomla! 1.7 - Open Source Content Management" />
  <title>Сайты-примеры</title>
  <link href="/baykara/templates/baykara/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <script src="/baykara/media/system/js/core.js" type="text/javascript"></script>
  <script src="/baykara/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/baykara/media/system/js/caption.js" type="text/javascript"></script>


<title>Welcome to the Frontpage</title>

<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />

<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="robots" content="index, follow" />

<meta name="keywords" content="joomla, Joomla" />

<link href="/baykara/index.php/component/content/?view=frontpage&amp;format=feed&
amp;Itemid=1&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />

<link href="/baykara/index.php/component/content/?view=frontpage&amp;format=feed&
amp;Itemid=1&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />

<script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/mootools.js">
</script>

<script type="text/javascript" src="http://localhost/Joomla-1.5RC2/media/system/js/caption.js">
</script>



<link rel="icon" href="/templates/persik/favicon.ico" type="image/x-icon">

<link rel="shortcut icon"...

CSS

body, html {
background-color: #38616b; 
margin:0px;
padding:0px;


}

#wrap{
width: 1024px;
margin:0 auto;
}

#header {
background: url(../images/header.jpg) no-repeat;
width:1001px;
height: 222px;
margin:0 auto;
}

#topmenu{
background: url(../images/menu_fon.jpg) no-repeat;
width:1001px;
height: 55px;
}

#body{
overflow:hidden;
}

#content {
height: 100%;
background: url(../images/fon_left.jpg)  repeat-y;
float:left;
overflow:hidden;
width: 855px;
}

#right {
background: url(../images/fon_right.jpg)  repeat-y;
float:right;
width: 169px;
overflow:hidden;
}

#bottom {
background: url(../images/bottom.jpg) no-repeat;
width:999px;
height: 120px;
margin:0 auto;
padding-bottom: 35px;
padding-top: 116px;
text-indent: 16em; /* Отступ первой строки */
color: #3d6a55;
}