Untitled

<!DOCTYPE html>
<html>
<head><title>Mockup Page</title>
<style>
.main-container{
    margin-left:auto;
    margin-right:auto;
}
header{
    height:100px;
    width:100%;
    background-color:blue;
}

.main-content{
    width:100%;
}

.sidebar{
    display:inline-block;
    height:1000px;
    width:10%;
    background-color:green;

}

.article{
   height:1000px;
    width:50%;
    background-color:gray;
    display:inline-block;
    position:relative;
    top:0px;
}

.adbar{
    display:inline-block;
    width: 200px;
    height:1300px;
}


.allads{
    width:100%;
    height:200px;
    background-color:yellow;
    display:inline-block;
}
</style>
</head>

<body>

<div class="main-container">
    <header>Header</header>

    <div class="main-content">
        <div class="sidebar">sidebar</div>
        <div class="article">article</div>
        <div class="adbar">
            <div class="ad1 allads">ad1</div>
            <div class="ad2 allads">ad2</div>
            <div class="ad3 allads">ad3</div>
            <div class="ad4 allads">ad4</div>
        </div>
    </div>
</div>


</body>


</html>