Deskripsi
Pengertian & Penjelasan clear

CSS clear merupakan CSS property yang digunakan untuk membersihkan element yang sebelumnya telah mengalami float. Sehingga, element yang di-clear akan berpisah dari element yang mengalami float dan akan berpindah pada baris baru.

Syntax
Penggunaan Sintaksis CSS clear

clear: none | left | right | both | initial | inherit;

Value
Nilai CSS property clear

none

Element dapat di-float pada kedua sisinya.

left

Element harus clear pada sisi kiri, artinya float:left sudah tidak berlaku lagi

right

Element harus clear pada sisi kanan, artinya float:right sudah tidak berlaku lagi

both

Element harus clear pada sisi kanan dan sisi kiri, artinya float:left dan float:right sudah tidak berlaku lagi

initial

Value dari property clear akan dikembalikan pada nilai (value) bawaannya (default).

inherit

Value-nya mengikuti (berdasarkan) element induknya.

Example
Contoh CSS clear

footer {
clear: both;
text-align: center;
}

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo CSS clear
Code Editor