JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Jimm - Мобильная ICQ : Jimm 0.6 : Jimm XaTTaB : Jimm Aspro : Jimm BEST : DiChat : LocID : Smaper</title>
<meta name="description" content="Jimm - Мобильная ICQ, все о Jimm, форум по Jimm. Все о мобильных icq клиентах."/>
<meta name="keywords" content="jimm, jimm 0.6, jimm aspro, jimm best, qip mobile, аська, мобильная аська, java программы, jimm xattab, мобильный телефон, скачать jimm, jimm nokia, мобильный icq, джим, скачать джим"/>
<link rel="stylesheet" href="style.css" type="text/css"/>
<style type="text/css">
span{background:url(http://jimm.name/img/all.png);float:left;height:16px;width:16px; margin-right:2px}
.d{margin-top:3px}
</style>
</head>
<body>
<div class="head"><a href="/"><img src="http://jimm.name/img/logo.png" alt="Jimm.name - скачать jimm"/></a></div>
<div class="h"></div>
<div class="about"><h1>Jimm - Mobile ICQ</h1></div><div class="line"></div>
    
    <div class="rek"><noindex>
<a href="http://jimm.name/go/?id=1" rel="nofollow">Скажи о любви красиво</a><br/></noindex>
</div>
    
    
<div class="title">
<table><tr><td class="tdbord1">
<a href="/news.php">
     <div style=" background:url(http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png);background-position: -0px -177px; width: 29px; height: 33px;margin:0 auto"></div>Новости</a></td> 
    
<td class="tdbord2">
<a href="/forum/?styleid=6">
 <div style=" background:url(http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png); background-position: -0px -64px; width: 29px; height: 33px;margin:0 auto"></div>Форум</a></td> 
    </tr></table>
</div>
<div class="line"></div>
<div class="tit"><div class="tico"><h2>Все о Jimm</h2></div></div>
<div class="flow">
</div>
<div class="f"> 
<div...

CSS

body{border:2px solid #00d0c2;font:13px Tahoma, Geneva, sans-serif;margin:auto;max-width:620px}
.head{background:#00d0c2;height:74px;text-align:center}

.h{ background:#00d0c2 url( http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png ) ; background-position: -0px -97px;  height: 9px}

.tico{background:url(http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png) no-repeat top left;border-left:2px solid #fff;padding:2px 4px 2px 28px;background-position: -0px -283px}.tit{background:#71f7f0;color:#2b5160;font-size:13px;margin:2px 0}
.title{background:url(http://jimm.name/img/o.png) repeat-x top;border-top:4px solid #fff;color:#3d7288;padding:4px}
.title a{color:#00a7c1;text-decoration:none}
.title a:hover{color:#126a7a;text-decoration:none}
.about{background:url(http://jimm.name/img/o.png) repeat-x top;border-top:4px solid #fff;color:#3d7288;padding:4px;text-align:center}
.rek{background:url(http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png) no-repeat;padding:2px 6px 6px;background-position: -0px -251px; ; }
.flow{background:url(http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png);background-position:-0px -34px;width:47px;height:17px;float:right}
.line{border:1px dotted #c5eced}
.tdbord1{border-right:1px solid #c5eced;padding:0 8px 0 0;text-align:center}
.tdbord2{padding:0 0 0 8px;text-align:center}

.foot{background:#ffffff;height: 13px} 
.footer{ background:#00d0c2; text-align:right; padding:4px 0 }  
.copy{background: url( http://csssprites.com/results/07f8814356dea36fbdf9a894c734c05f/result.png);background-position: -0px -0px; width: 137px; height: 34px;float: left}

a{color:#1795dc}
a:hover{color:#61c100}
input,textarea,select{color:#763051;font-size:13px;margin:1px 0}
form,h1,h2{margin:0}
img{border:0}
table,tr,td{font-size:13px;margin:0;padding:0;vertical-align:top}
h1{font:bold 16px Tahoma}
h2{font:normal 13px Tahoma}
 .f{padding:2px 6px 6px}