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;
update:
for adding float:left
to countdown_out
div, remove margin-left:15%
, , add float:left
. link updated.
Comments
Post a Comment