JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<div id="wrapper">
    <div id="global">
        <div id="box1">Du contenu</div>
        <div id="box2">Du contenu</div>
    </div>
    <footer>pied de page</footer>
<div>

CSS

#wrapper {
    width:500px;
    margin:0 auto;
}

#global {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
}

#box1, #box2 {
    background:red;
    float:left;
}

#box1 {
    width:100px;
    height:300px
}

#box2 {
    background:yellow;
    height:300px;
    width:400px;
}

footer{
    background:grey;
    height:50px;
    width:500px;
}