JSFiddle - React, Tailwind, and code Playground

by plunje

HTML

<div id="container">
    <div class="row">
        <div class="contentgedeelte">
            	<h2>nieuws</h2>

        </div>
        <div class="contentgedeelte">
            	<h2>nieuws</h2>

        </div>
    </div>
    <div class="row">
        <div class="contentgedeelte">
            	<h2>nieuws</h2>

        </div>
        <div class="contentgedeelte">
            	<h2>nieuws</h2>

        </div>
    </div>
</div>

CSS

#container {
    width:800px;
    margin:0 auto;
    text-align:center;
}
#container:before, #container:after {
    content:" ";
    display:table;
}
#container:after {
    clear:both;
}
.row { 
    display:inline-block;
    background:red;
    margin:0 auto;
}
.contentgedeelte {
    width:310px;
    background:white;
    margin:10px;
    border-radius:5px;
    padding:5px;
    display:inline-block;
    text-align:center;
}