Belajar CSS Part 11 : Menggunakan Float CSS


Belajar CSS Menggunakan Float CSS

Teknik Floating pada bagian web design merupakan sebuah kebutuhan yang paling banyak di perlukan. float berfungsi untuk mengatur letak element secara horizontal. ada empat value yang bisa di gunakan untuk property float, yaitu left, right, inherit dan none.

salah satu contoh penggunaan float yang paling sering di temukan adalah ketika kita ingin mebuat gaambar postigan website yang terletak di bagian samping tulisan konten. berikut akan diberikan contoh tentang penggunaan float pada CSS.

index.html

style.css

cara menggunakan float css

cara menggunakan float css

perhatikan pada contoh di atas. kita meletakkan float:left pada element gambar sehingga gambar di letakkan ke samping dan text akan menjorok mengikuti element gambar.

untuk lebih lanjut anda bisa mencoba menggunakan float:right dan inherit untuk melihat perbedaan dari masing-masing value property float CSS.

Incoming search terms:

  • Belajar CSS JSMLINE img
  • belajar float css
  • belajar float di css
  • fungsi float css
  • contoh fungsi float di css
  • cara memakao float di javascript html
  • cara float css
  • blajar float
  • belajat float di css
  • Mengatur kotak kotak dengan float




About the author
Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.


Discussion
  • One Comment

Write a Comment

Your email address will not be published. Required fields are marked *


CENTANG untuk bisa mengirimkan komentar. [ Verifikasi bukan robot ]