I have the following code:
You should also check out the "clear" property in css in case removing a float isn't an option
For some reason none of the above fixes worked for me (I had the same problem), but this did:
Try putting all of the floated elements in a div element:
<div class="row">...</div>.
Then add this CCS:
.row::after {content: ""; clear: both; display: table;}
The css clear: left in your adm class should stop the div floating with the elements above it.
Just add overflow:hidden in the first div style. That should be enough.