JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

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

#binnenkolom3 {
    margin-left:500px;
    background: #f00;
}

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