JSFiddle - React, Tailwind, and code Playground

by homer2

HTML

<div class="ui-widget">ui-widget</div>
<div class="ui-widget-header">ui-widget-header</div>
<div class="ui-widget-content">ui-widget-content</div>
<div class="ui-widget-content alt">ui-widget-content alt</div>
<div class="ui-state-default">ui-state-default</div>
<div class="ui-state-hover">ui-state-hover</div>
<div class="ui-state-active">ui-state-active</div>
<div class="ui-state-highlight">ui-state-highlight</div>
<div class="ui-state-error">ui-state-error</div>
<div id="UserInfo">UserInfo</div>
<div id="Menu">Menu</div>

CSS

#Outer1{width:100%;min-width:680px;background-color:#fff}
#Outer2{border-left:680px solid #fff;position:relative;float:left;z-index:1}
#Outer3{margin-left:-680px;position:relative;float:left;z-index:2;font-size:smaller}
#UserInfo{border-bottom: silver 1px solid;background-color: #5bd700;color: #222;}
#Banner{background-image:url('LARA.png');background-repeat:no-repeat;height:70px;border-bottom:silver 1px solid}
#Banner_Title{float:left;vertical-align:middle;font-size:32px;font-weight:700;font-style:normal;color:#fff;width:500px;margin:16px 0 0 12px}
#Banner_Logo{float:right;clear:left;margin:10px 4px 0 0}
#Logo_Image{vertical-align:middle}
#Logout{float:right}
#Logout a{font-weight:bold;color:#fff;text-align:right;text-decoration:none;font-size:8pt}
#Logout a:hover{color:#fff}
#Content{clear:both;padding:2px}
#Login_Left{float:left;width:61%;height:320px;vertical-align:middle}
#Login_Right{float:right;width:35%;height:100%}
#Footer{border-top:solid 1px #aaa;margin-top:4px;text-align:center;font-size:8pt;color:#888;padding:4px; }

/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0;...