JSFiddle - React, Tailwind, and code Playground

HTML

<header></header>
<div id=buitenkolom2> 
     <div id=binnenkolom2> 
          <p>Hallo Tweakers
      </div>     
    <p>Foo bar baz
    <p>Lorem Ipsum
    <p>Dolor sit... bla bla bla
</div>
        <footer></footer>

CSS

#buitenkolom2
{   
    float:left;
    width: 100%;
    background: #f00;
}

#binnenkolom2
{
    float:left;
    height: 300px;
    text-align: center;
    width: 500px;
    background: #00f;
}

header, footer {
    height: 100px;
    widht:100%;
    background: #ff0;
    clear:both;
}