Membuat Word Wrap di HTML / CSS

Halo teman-teman Jakmountainers. Kembali lagi di blog Jakmountainers. Pada tutorial kali ini saya akan menjelaskan fungsi salah satu property CSS3 yaitu word-wrap. Word wrap adalah salah satu fungsi untuk menyesuaikan antara text dengan lebar area text tersebut. Jadi kita tidak perlu scroll ke kanan-kiri untuk membaca text yang sekiranya kepanjangan. Untuk lebih jelasnya teman-teman lihat source dibawah ini :

Hasil jadi : 

Dari source tersebut terlihat antara kotak  yang tidak memakai word-wrap dengan kotak yang menggunakan word-wrap. Pada kotak yang tidak menggunakan word-wrap, maka jika ada text yang panjang melebihi si pembungkusnya, maka dia akan keluar dari pembatasnya seperi contoh diatas. Lain halnya dengan kotak yang menggunakan word-wrap, dia tentu akan menyesuaikan si pembungkus dan otomatis membuat baris baru di bawahnya dan terlihat lebih rapih jadinya.

Terima kasih, Semoga artikel ini bermanfaat bagi kita semua, kulit manggis Kini ada extrak nya, lah kok jadi nyanyi :D.
BIla berkenan untuk meng-share artikel ini ke temean teman anda :D