Penggunaan word wrap dalam CSS3

Halo teman-teman dumenity. Kembali lagi di blog dumetschool. 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 :

See the Pen RPoXzj by fachrul ahaddin (@fachruldumet) on CodePen.

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.