JSFiddle - React, Tailwind, and code Playground

by Adam Poczatek

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta name="Description" content="Opis strony">
  <meta name="Keywords" content="tagi, slowa, kluczowe, slowa kluczowe">
  <meta name="Author" content="Tivx - absflg.cba.pl">
  <meta name="Generator" content="kED2">
  <meta name="title" content="" />
  <title>Nazwa</title>

  <link rel="stylesheet" href="style.css" type="text/css">
        <!-- Script -->
        <script type="text/javascript" src="script/search.js"></script>
        <script type="text/javascript" src="script/jquery.js"></script>
        <!-- Script End -->
</head>
<body>
<div id="content">
<!-- BODY START -->
<div id="logo">
logo
</div>
<div id="left">
menuuu
</div>
<div id="right">
prawo
</div>
<div id="center">
tu centa
</div>
</div>
</body>
</html>

CSS

* {
margin: 0;
padding: 0;
}

body {
background-image: url('background.jpg');
font-size:1em;
}

#content {
    position:relative;
margin-right: 20px;
margin-left: 20px;
}
#logo {
background: #FFF;
border: 1px solid #CCC;
height: 100px;
margin-bottom: 10px;
}
#left {
float: left;
margin-right: 10px;
height: 500px;
background: #FFF;
border: 1px solid #CCC;
width: 190px;
}
#center {
position: absolute;
left: 200px; right: 200px;
background: #FFF;
height: 500px;
border: 1px solid #CCC;
}
#right {
background: #FFF;
margin-left: 30px;
height: 500px;
float: right;
border: 1px solid #CCC;
width: 190px;
}