Wrap Text di CSS

Sedikit berbagi, barangkali saja ada yang pernah mengalami kebingungan seperti saya kemarin dengan CSS. Saya masih sangat CUPU sekali mengenai CSS dan kawan2nya.. lagi tahap belajar yang tak pernah usai.. :p jadi maaf klo postingan ini basi banget dan dah pada tau semua… :p

Beberapa hari lalu saya dipusingkan dengan CSS, kasusnya, ingin buat halaman seperti dibawah ini tapi tidak ingin menggunakan table, tapi menggunakan div.

Tidak ada masalah dalam pewarnaan background jika menggunakan div yang lebar telah diatur, namun menjadi masalah saat memasukkan tulisan yang tidak menggunakan spasi sama sekali. Jika tulisan itu panjang dan tanpa ada spasi, tulisan tersebut akan terus menerobos ke div tetangga.. (halah) jadi bentuknya seperti dibawah ini

Setelah searching2 alhamdulillah menemukan solusinya, tinggal menambahkan 1 baris singkat di CSS dengan code :

</p>
<p>word-wrap: break-word</p>
<p>

Jadi syntak CSS jadi seperti ini :


#cont2{

width: 200px;

background-color: #ff66ff;

float :left;

height: 100px;

word-wrap:break-word;

}

Ini jadinya…

Selesailah sudah…๐Ÿ™‚ Cuma kayak gitu aja..

source :
http://www.webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap/
Wrap Text di CSS

2 thoughts on “Wrap Text di CSS

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s