;

Contoh Penggunaan Float CSS

Cara Menggunakan CSS Float 


buayaberdiri.blogspot.com - Dalam CSS kamu bisa menggunakan float untuk membuat elemen disebelah elemen ;v,float sangat penting penggunaannya ketika kamu menggunakan gambar disamping tulisan,ketika membuat elemen disamping elemen ;v ,ketika membuat video disamping tulisan dll.

Untuk membuat float dalam CSS sintaksnya adalah :

Untuk membuat float disebelah kanan :


float : right;


Untuk membuat float disebelah kiri :



float :left;


Ini adalah gambar contoh penggunaan float :





Ini adalah sintaks htmlnya :


<!DOCTYPE html>
<html>
 <head>
  <title>https://buayaberdiri.blogspot.com/</title>
  <link rel="stylesheet" href="style1.css"/>
 <body>
  
  <div class="a1">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div>

   <div class="a2">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div>

   <div class="a3">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div>


 <div class="a4">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div>

   <div class="a5">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div> 

   <div class="a6">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div>

   <div class="a7">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div> 

<div class="a8">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div> 

   <div class="a9">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div> 

   <div class="a10">
   https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>https://buayaberdiri.blogspot.com/</br>
  </div> 

   <div class="a11" align="center">
   https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ https://buayaberdiri.blogspot.com/ 
  </div>    
 </body>
</html>


Ini adalah sintaks CSSnya :

body{
    border:10px outset red;
    background-colorwhite;
    overflow:auto;
    width:auto;
    height:580px;
    padding:25px;
 
 
    }
    .a1{
     border:5px outset red;
     padding:5px;
     width:282px;
     height:50px;
     overflowauto;
     background-coloryellow;
     float:left;
     margin:5px;
    }
    .a2{
     border:5px outset green;
     padding:5px;
     width:282px;
     height:50px;
     overflowauto;
     background-colorred;
     margin:5px;
     float:left;
    }
 
     .a3{
     border:5px outset orange;
     padding:5px;
     width:282px;
     height:50px;
     overflowauto;
     background-colorblue;
     margin:5px;
     float:left;
    }
 
     .a4{
     border:5px outset blue;
     padding:5px;
     width:280px;
     height:50px;
     overflowauto;
     background-colorwhite;
     margin:5px;
     float:left;
     
    }
 
     .a5{
     border:5px outset blue;
     padding:5px;
     width:280px;
     height:50px;
     overflowauto;
     background-colorwhite;
     margin:5px;
     float:left;
    }
 
     .a6{
     border:5px outset red;
     padding:5px;
     width:282px;
     height:50px;
     overflowauto;
     background-coloryellow;
     float:left;
     margin:5px;
    }
 
     .a7{
     border:5px outset green;
     padding:5px;
     width:282px;
     height:50px;
     overflowauto;
     background-colorred;
     margin:5px;
     float:left;
    }
 
     .a8{
     border:5px outset orange;
     padding:5px;
     width:282px;
     height:50px;
     overflowauto;
     background-colorblue;
     margin:5px;
     float:left;
    }
 
     .a9{
     border:5px outset orange;
     padding:5px;
     width:600px;
     height:100px;
     overflowauto;
     background-colorblue;
     margin:5px;
     float:left;
    }
 
     .a10{
     border:5px outset blue;
     padding:5px;
     width:600px;
     height:100px;
     overflowauto;
     background-colorwhite;
     margin:5px;
     float:left;
    }
 
     .a11{
     border:5px double green;
     padding:5px;
     width:1232px;
     height:280px;
     overflowauto;
     background-colorsilver;
     margin:5px;
     float:left;
    }




Penutup :


Demikian informasi tentang bagaimana cara menggunakan float di CSS,contoh diatas kamu bisa membuat tulisan berada diposisi disamping tulisan atau gambar dengan menggunakan sintaks float di CSS.


Gbu :)

Baca Artikel Tentang : 3.Belajar Bersama Python | Float Python








List of Article Posts https://buayaberdiri.blogspot.com