What does both mean in div style clear both

Question

lt div style  float left  gt Hello lt  div gt   lt div style  float right  gt Howdy dere pardner lt  div gt   lt div style  clear both  gt  lt  div gt    I get what it does  but why the name both   What does both mean

User · Answer

Description of the possible values          left  No floating elements allowed on the left side   right     No floating elements allowed on the right side   both  No floating elements allowed on either the left or the right side   none  Default  Allows floating elements on both sides   inherit  Specifies that the value of the clear property should be inherited from the parent element      Source  w3schools com

User · Answer

Both means  every item in a set of two things   The two things being  left  and  right

User · Answer

Clear both gives you that space between them   For example your code      lt div style  float left  gt Hello lt  div gt     lt div style  float right  gt Howdy dere pardner lt  div gt    Will currently display as    Hello                        Howdy dere pardner   If you add the following to above snippet       lt div style  clear both  gt  lt  div gt    In between them it will display as   Hello                                          Howdy dere pardner   giving you that space between hello and Howdy dere pardner   Js fiiddle http   jsfiddle net Qk5vR 1

[html] What does "both" mean in <div style="clear:both">

Examples related to html

Examples related to css