How can I stop float left

Question

I have the following code    lt div style  float  left  width  100    gt     lt label style  float  left   gt ABC lt  label gt       lt input style  float  left  font-size  0 5em   type  button    onclick  addTiny 0  Question Text    return false   value   amp  x25BC   title  Editor    gt        lt input style  float  left  font-size  0 5em   type  button  onclick  remTiny 0  Question Text    return false   value   amp  x25B2   title  Hide    gt         lt div class  adm  gt       lt textarea rows  2   style  width  100   class  text-box multi-line mceEditor  gt        abc      lt  textarea gt     lt  div gt   lt  div gt    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

User · Answer

A standard approach is to add a clearing div between the two floating block level elements    lt div style  clear both   gt  lt  div gt

User · Answer

There s a class in bootstrap for it class  quot clearfix quot

User · Answer

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   lt div class  quot row quot  gt     lt  div gt   Then add this CCS   row  after  content   quot  quot   clear  both  display  table

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

Sometimes clear will not work  Use float  none as an override

User · Answer

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

User · Answer

add style  clear both   to the  adm  div

User · Answer

You could modify  adm and add   adm   clear both      That should make it move to a new line

[css] How can I stop float left?

Examples related to css

Examples related to html

Examples related to css-float