CSS property: float-offset


This property pushes a float in opposite direction of the where it has been floated.

If one value is specified, it is the horizontal offset. If two values are specified, the first is the horizontal and the second is the vertical offset. If no vertical value has been specified, the vertical offset is set to zero.

Floats that are moved into other columns with this property intrudes.


float-offset: <length> <length>?;



Negative values are allowed; a negative values will push the float in the same direction as it has been floated with float

The float will never be pushed outside the content edges of the multicol element due to a setting on float-offset.

Percentage values refer to the width/height of the float plus a fraction of the column gap.



img { 
    float: top right;
    float-offset: -50% 3em;
    width: 120%;