border-box, which means all padding and border values will be inside the set box size. This should be the default in every browser, but isn't.
marginproperty sets the left and right margins to the available space within the page, effectively creating a block that's centered and responsive.
floatproperty sets an item to the left or right of the container, allowing elements to wrap around it. The
leftvalue floats items to the left of the containing block, while the
rightvalue floats items to the right of the container.
Floated items with the
Left value flow from left to right, while floated items with the
right value flow from right to left.
clearproperty sets how elements following floated items behave. So
clearwith a value of
bothclears all the floats above. The easiest method is to use an empty
divwith a clear.