console
<div id="headerStatistics">
<div id="headerStatistics-day"></div>
<div id="headerStatistics-week"></div>
<div id="headerStatistics-month"></div>
<div id="headerStatistics-year"></div>
</div>
#headerStatistics{
width: 100%;
height: 200px;
position: absolute;
top: 10px;
left: 10px;
box-sizing: border-box;
}
#headerStatistics > div {
width: 20%;
height: 160px;
position: absolute;
top: 20px;
}
#headerStatistics > div :nth-of-type(1){
background-color: blue;
margin-right: 20px;
left: 0;
}
#headerStatistics > div :nth-of-type(2){
background-color: skyblue;
margin-right: 20px;
left:180px;
}
#headerStatistics > div :nth-of-type(3){
background-color: slateblue;
margin-right: 20px;
left:360px;
}
#headerStatistics > div :nth-of-type(4){
background-color: aqua;
margin-right: 20px;
left:540px;
}