JSFiddle - React, Tailwind, and code Playground

by qq286735628

HTML

<body>
    <header>
        This is a Header
    </header>
    
    <div class="container">
        <aside>This is a sidebar</aside>
        <article>This is content
            <div class="bad-message">
                撑出去的家伙
            </div>
        </article>
    </div>
</body>

CSS

header,
.container{
    margin-left:40px;
    margin-right:40px;
}

header{
    background-color:red;
}
.container{
    background-color:blue;
    overflow:hidden;
}
aside{
    background-color:green;
    float:left;
    width:100px;
}
article{
    background-color:wheat;
    overflow:hidden;
}
.bad-message{
    background-color: gold;
    width:500px;
}