JSFiddle - React, Tailwind, and code Playground

by Vikram Deshmukh

HTML

<div id="wrapper">
  <div id="header"><img src="theme/logo.gif"><h2>Pagetitle</h2></div>
      <div id="faux">
        <div id="menu"><?php echo $menu; ?></div>
        <div id="content"><p><?php echo $content; ?><p></div>
  </div>
</div>

CSS

* { margin: 0; padding: 0; }
      body { background: #ccc; margin: 10px; }
      #wrapper { width: 100%; background: #fff; min-height: 100%; }
      #header  { height: 80px; border-bottom: 1px solid #ccc; }
      #faux    { height: 100%; }
      #menu    { float: left; width: 180px; }
      #content { float: right; width: 100px; }

      #header img { float: left; }
      #header h2 { margin-top: 25px; float: right; }