JSFiddle - React, Tailwind, and code Playground

by bisecom

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:555px;
    height:145px;
    z-index:1;
    left: 100px;
    top: 33px;
    color: #999;
    background-color: #999999;
}
#apDiv2 {
    position:absolute;
    width:480px;
    height:140px;
    z-index:2;
    left: 196px;
    top: 39px;
    visibility: visible;
    overflow: hidden;
    background-color: #333333;
}
#apDiv1 {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-radius: 10px;
    box-shadow: 4px 4px #333;
}
#apDiv3 {
    position:absolute;
    width:551px;
    height:111px;
    z-index:1;
    left: 187px;
    top: 123px;
    background-color: #99FF99;
    border-radius: 6px;
    box-shadow: 4px 4px 5px 0px #666;
    overflow: auto;
}
#apDiv4 {
    position:relative;
    width:970px;
    height:6000px;
    z-index:1;
    background-image: url(http://i1202.photobucket.com/albums/bb380/bisecom/New_2012/Backgr1.jpg);
    border-top-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-top-style: ridge;
    border-right-style: ridge;
    border-bottom-style: ridge;
    border-left-style: ridge;
    left: 15px;
    top: 10px;
}
#apDiv5 {
    position:absolute;
    width:875px;
    height:auto;
    z-index:2;
    background-color: #CCC;
    left: 55px;
    top: 40px;
    bottom: 40px;
}
#apDiv6 {
    position:absolute;
    width:875px;
    height:45px;
    z-index:3;
    left: 0px;
    top: 0px;
}
#diffcconeyn {
    position:absolute;
    width:855px;
    height:278px;
    z-index:3;
    left: 11px;
    right: 10px;
    visibility: visible;
    overflow: auto;
    background-image:...