JSFiddle - React, Tailwind, and code Playground

by Hristiyan Dodov

HTML

<!DOCTYPE HTML>
<head>
    <link rel="stylesheet" href="style/main.css"/>
    <meta http-equiv="content-type" content="text/html" />
</head>
<body>
    <div id="left_side">
        <div id="plan">
            <h1>div 1</h1>
        </div>
    </div>
    <div id="right_side">
        <div id="news">
            <h1>div 2</h1>
        </div>
    </div>
    <div id="ads"></div>
</body>
</html>

CSS

html {
    height:100%;
    width:100%;
}
body {
    display: flex;
    padding:0;
    margin:0;
    height:100%;
    font:24px 'Helvetica' sans-serif;
}
#left_side {
    width:30%;
    height:100%;
    background:grey;
    display:inline-block;
}
#right_side {
    width:60%;
    height:100%;
    background:green;
    display:inline-block;
}
h1 {
    padding:0;
    margin:0;
}