[Solved] Div’s won’t go under eachother

by


Is this what you are looking for?

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body{
    color: white;
    font-family: 'Open Sans', sans-serif;
}

#wrapper{
    margin: 0 auto;
}

#header{
    background-color: #00CACA;
    width: 100%;
    float: left;
}

#middle-section{
    background-color: #FFAA00;
    width: 100%;
    float: left;

}

#footer{
    background-color: #D0003F;
    width: 100%;
    float: left;
}
    <div id="wrapper">

        <div id="header">
            <p>Header</p>
        </div>

        <div id="middle-section">
            <p>Middle section</p>
        </div>

        <div id="footer">
            <p>Footer</p>
        </div>

    </div>

solved Div’s won’t go under eachother