The clear property determines whether the element moves below preceding floats — prevents float stacking. Logical values (inline-start/end, block-start/end) adapt to writing-mode; physical (left, right) don't..clearfix {
clear: both;
}.section {
clear: block-end;
}noneThe default value. No clearing.leftClear left floats.rightClear right floats.bothClear both sides (inline).inline-startLogical: clears from inline-start side.inline-endLogical: clears from inline-end side.block-startLogical: clears from block-start side.block-endLogical: clears from block-end side.both-inlineClear both inline sides.both-blockClear both block sides.topClear from top edge (page floats).bottomClear from bottom edge (page floats).CSS Page Floats Module Level 3Editor's DraftW3CMDNThis is some text. This is some text. This is some text. This is some text. This is some text. This is some text.Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
