JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style/style.css" type="text/css" />
    <title>Заголовок</title>
    <meta charset="utf-8" />
</head>
<body>

<div class="logo">
</div>


<ul class="menu">
<li><a href="/">Главная</a></li>
<li><a href="/">Состав клана</a></li>
<li><a href="/">Фото</a></li>
<li><a href="/">Видео</a></li>
<li><a href="/">Контакты</a></li>
<li><a href="/">Форум</a></li>


<div class="wrapper">
<div class="content">
Ку танкисты и танкистки вы находитесь на официальном сайте клана "Зов стаи"(http://forum.tankionline.com/posts/list/133134.page)
.Если же вас заинтересовал наш клан и вы хотите пополнить его состав на полях сражений обрашяйтесь по скайпу ниже.
Прежде чем брать в клан мы проводим тест игрока проверяем его гараж(смотрим в бою)только после этого включаем его в скайп и через неделю он вклане (если прошол наше испытание)
skype главы клана-shurik_p414
skype зама главы клана-lis1376
        наши требования
1.Иметь в наличии ДикоРелюМ3(возможны исключения) гром ,фриз.
  2.клановые краски:

  Ку танкисты и танкистки вы находитесь на официальном сайте клана "Зов стаи"(http://forum.tankionline.com/posts/list/133134.page)
.Если же вас заинтересовал наш клан и вы хотите пополнить его состав на полях сражений обрашяйтесь по скайпу ниже.
Прежде чем брать в клан мы проводим тест игрока проверяем его гараж(смотрим в бою)только после этого включаем его в скайп и через неделю он вклане (если прошол наше испытание)
skype главы клана-shurik_p414
skype зама главы клана-lis1376
        наши требования
1.Иметь в наличии ДикоРелюМ3(возможны исключения) гром ,фриз.
  2.клановые краски:Ку танкисты и танкистки вы находитесь на официальном сайте клана "Зов стаи"(http://forum.tankionline.com/posts/list/133134.page)
.Если же вас заинтересовал наш клан и вы хотите пополнить его состав на полях сражений обрашяйтесь по скайпу ниже.
Прежде чем брать в клан мы проводим тест игрока проверяем его гараж(смотрим в бою)только после этого включаем его в...

CSS

* Reset */
* {margin: 0; padding: 0;}
img { border: 0; }
a, img, div, input  { outline: none;}
ol, ul { list-style-position: inside;}
ul { list-style-type: none;}
table { border-collapse: collapse; margin: 0;}
h1 { font-size:29px;  font-weight:normal;} 
h2 { font-size:25px; font-weight:normal; } 
h3 { font-size:20px; font-weight:normal; } 
h4 { font-size:18px; font-weight:normal; } 
h5 { font-size:15px; font-weight:normal; } 
h6 { font-size:12px; font-weight:normal; }




html, body {
height: 100%;
width: 100%;
font-size: 12px;
font-family: Arial, Tahoma, sans-serif;
background: #000 url(../i/bg.jpg) no-repeat top center;
}


.logo {
background: url(../i/logo.png);
width: 275px;
height: 45px;
margin: 0 auto;
position: relative;
top: 160px;
}

.wrapper {
background: url(http://s019.radikal.ru/i610/1206/a6/10c93cb726de.png) repeat-y;
width: 641px;
height:auto !important;
    overflow:hidden;
min-height: 604px;
margin: 0 auto;
margin-top: 280px;

}

.menu {
background: url(../i/menu.png) no-repeat;
width: 643px;
height: 35px;
margin: 0 auto;
margin-top: 0;
}


.menu li {
display: inline;
text-align: center;
float: left;
font-family:sans-serif;
border-left: solid 1px #7d7772;
height: 100%;
}

.menu li a{
float: left;
font-family: sans-serif;
font-size: 17px;
text-decoration: none;
margin-left: 20px;
margin-right: 20px;
margin-top: 8px;
}


.content {
font-size: 14px;
font-family: Arial, Tahoma;
color: #000;
float: left;
margin-left: 30px;
margin-top: 50px;
width: 600px;
}