Float Clear

Kawal pengapungan dan pembersihan elemen

Sintaks

layout="float:[value]" or layout="clear:[value]"

Nilai

Nilai	CSS Output	Huraian
left	float: left	Apung kiri
right	float: right	Apung kanan
none	float: none	Tiada pengapungan

Contoh

<img layout="float:left">Float left</img>
<div layout="clear:both">Clear floats</div>

Pratonton

Apung Kiri

layout="float:left" - Elemen mengapung ke kiri kandungan

Float

Text wraps around the floated element naturally.

Lihat Kod

<div space="p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div layout="float:left" space="p:small m-r:small m-b:small" visual="bg:primary text:white rounded:small">Float</div>
  <p visual="text:neutral-800 dark:text:neutral-200">Text wraps around the floated element naturally.</p>
</div>