JSFiddle - React, Tailwind, and code Playground

by Burkhard GS

HTML

<div id="wrapper">
        <div id="banner">
            <div id="bannerinnen">
                text text text text
            </div>
        </div>
        <div id="mitte">
            <div id="mitteinnen">
                <div id="content">
                    <div id="contentinnen">
                        <!-- <img src="http://di.9f8.de/leadbrd"> -->
                        <div class="werbung">der</div>
                        <p>Inahlt inhalt Inahlt alt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Ina</p>
                        <p>Inahlt inhalt Inahalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inaalt Inalt</p>
                        <p>Inahlt inhalt Inahlt</p>
                        <p>Inahlt inhalt Inahlt</p>
                        <p>Inahlt inhalt Inahlt</p>
                        <p>Inahlt inhalt Inahlt</p>
                        <p>Inahlt inhalt Inahlt</p>
                    </div>
                </div>
                <div id="navigation">
                    <div id="navigationinnen">
                        <p>Navigation</p>
                        <p>Navig ati on Navig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati on</p>
                        <p>Navigation</p>
                        <p>Navig ati on Navig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati onNavig ati on</p>
                        <p>Navigation</p>
                        <p>Navig ati on Navig ati onNavig ati onNavig ati onNavig...

CSS

*,
        html,
        body {
            margin: 0;
        }
        * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        body {
            font-family: sans-serif;
        }
        #wrapper {
            width: 980px;
            margin-left: auto;
            margin-right: auto;
            background-color: red;
        }
        #banner {
            padding-top: 5px;
        }
        #bannerinnen {
            background-color: silver;
            height: 150px;
            margin: 5px;
        }
        #mitte {
            width: 970px;
            margin-left: auto;
            margin-right: auto;
            display: table;
        }
        #mitteinnen {
            display: table-row;
        }
        #content {
            display: table-cell;
            width: 780px;
        }
        #navigation {
            display: table-cell;
        }
        #content,
        #navigation {
            background-color: silver;
        }
        #fuss {
            padding-bottom: 5px;
        }
        #fussinnen {
            height: 50px;
            background-color: silver;
            margin: 5px;
        }
        .werbung{
            width:728px;
            height:90px;
            background-color: green;
        }