Belajar Teknik Overflow Pada CSS3

Halo teman teman disini kita sudah punya text yang panjang dimana lebar dan tinggi pembungkusnya tidak cukup lagi untuk menampung text yang panjang tersebut sesuai dengan teman teman lihat pada browser sebagai berikut

Untuk itu kita bisa mainkan teknik overflow. Pada css sebelumnya overflow sudah bisa kita gunakan tapi pada CSS3 ini kita bisa spesifik dengan mengatur overflow-x dan overflow-y. Teman teman bisa buat tag tag HTMLnya dulu seperti berikut

dan berikan lebar dan tinggi dengan css seperti ini

kita bisa mengatur tingginya atau disumbu y maka berikan overflow-y nilainya hidden misalnya kita mau sembunyikan text yang panjang tersebut.

jadi text yang lebih sudah bisa kita hilangkan. Jika teman teman ingin lebih keren lagi kita bisa berikan nilainya scroll

dimana user bisa melakukan scroll pada kontentnya untuk melihat kontent yang panjang tadi. Hasilnya seperti berikut

Itu dia teknik overflow pada css3 teman teman bisa dicoba coba. Semoga bermanfaat.