html - Issue getting box to float left or display inline -

i running issues getting boxes in code float: left; of each other or display: inline-block; have moved them around different divs have listed , cannot work. created fiddle show code looks right now:

https://jsfiddle.net/p4c8yrcz/

the containers have moved , tried lot of different options in these..

.countdown_position {   /*display: inline-block;*/     /*padding-left: 7%;*/     position: absolute;     width: 15%; } .countdownbox {     border: 2px solid #b8b8b8;     /*float: left;*/     display: inline-block;     margin: 1em; } 

what doing wrong?

i've checked on code, you've got countdown_position width set 15%, causing issue, check out;

inline-block

update:

for adding float:leftto countdown_out div, remove margin-left:15%, , add float:left. link updated.