float

The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning).

A floating element is one where the computed value of float is not none.

As float implies the use of the block layout, it modifies the computed value of the display values, in some cases:

Note: When accessing a CSS property in JavaScript through the HTMLElement.style object, single-word property names are used as is. Although float is a reserved keyword in JavaScript, the CSS float property is accessed as float in modern browsers. In older browsers, you must use cssFloat to access the float property. (This is similar to how the “class” attribute is accessed as “className” and the “for” attribute of a <label> element is accessed as “htmlFor”.)

Syntax example: float: left;