[css] How can I stop float left?

I have the following code:

<div style="float: left; width: 100%;">
  <label style="float: left;">ABC</label>  
  <input style="float: left; font-size: 0.5em;" type="button"   onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" />   
  <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="&#x25B2;" title="Hide" />   

  <div class="adm">
    <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor">
      abc
    </textarea>
  </div>
</div>

My problem is that the div with class adm floats to the left and so goes on the same line as the label and two input buttons. Is there a way that I can make this shift away from floating?

There's a class in bootstrap for it

class="clearfix";

You could modify .adm and add

.adm{
 clear:both;
}

That should make it move to a new line

The css clear: left in your adm class should stop the div floating with the elements above it.

A standard approach is to add a clearing div between the two floating block level elements:

<div style="clear:both;"></div>

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;}

You should also check out the "clear" property in css in case removing a float isn't an option

add style="clear:both;" to the "adm" div.

Sometimes clear will not work. Use float: none as an override

Okay I just realized the answer is to remove the first float left from the first DIV. Don't know why I didn't see that before.

Just add overflow:hidden in the first div style. That should be enough.