JSFiddle - React, Tailwind, and code Playground

by bighostkim

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">    div#header{position:absolute;top:0px;left:0px;right:0px;height:60px}
    div#wrapper{position:absolute;top:60px;left:0px;right:0px;bottom:0px;}
    div#left{position:absolute;top:0px;bottom:0px;left:0px;width:50%;}
    div#right{position:absolute;:0px;bottom:0px;right:0px;width:50%;}
</style>
</head>
<body>
<div id="header" style='background:red'></div>
<div id="wrapper">
  <div id="left" style="background:blue">      a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>
  </div>
  <div id="right" style="background:green></div>
</div>
</body>

CSS

this does not work when overflowed