apaCara
.com
editor
HTML
CSS
JS
PREVIEW
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Demo CSS Clear - apacara.com</title> <style> #content { float:left; width: 50%; } #aside { float:right; width: 50% } #footer { clear: both; text-align: center } </style> </head> <body> <div id="header"> Mengenal CSS Clear </div> <div id="content"> <h1>Belajar CSS Clear </h1> <p>Bagaimana menggunakan CSS Clear?. Ini adalah contoh dari CSS Clear. Pada kotak ini memiliki class <em>.container</em>. Kemudian agar elemen setelah ini (footer) tidak <em>float</em> maka digunakan metode clear yang dapat dilihat pada kode CSS.</p> </div> <div id="aside"> <h3>mengenai penulis</h3> </div> <div id="footer"> <small>Copyright© 2014. Footer ini sudah clear dengan <code>clear:both</code></small> </div> </body> </html>
/* CSS code */
// javascript code