Break long url or word using css to prevent overflow of div container

First of all I am not design expert, not a designer but I learnt many thing about design I mean css, html while working with website projects. Something gave me pain when I found a long url is getting outside of a box(div) in google chrome. After a google search I found a solution… need to use word break though it doesn’t support all browser.

See how a long url go outside of a div box

I found a solution
[code language=”css”]
.box{
white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;
}
[/code]

thanks

সোস্যাল মিডিয়া ডিজাইন বা সোস্যাল ব্রান্ডিং – ক্রিয়েটিভ ডিজাইন

যারা টুকটাক গ্রাফিক্সের কাজ জানেন তাদের জন্য সোস্যাল মিডিয়া ডিজাইন বা সোস্যাল ব্রান্ডিং এর কাজের কিছু সুযোগ আছে বা কেউ চাইলে চেস্টা করতে পারেন।
যেমনঃ
একঃ কোন কম্পানী বা ব্রান্ডের এর লোগ এর সাথে ম্যাচ করে টুইটার এর জন্য ব্যাকগ্রাউন্ড ডিজাইন, টুইটার এর অন্যান্য কালার কম্বিনেশন সেট করে দেওয়া।

দুইঃ এখন অনেকেই ফেসবুকের টাইমলাইনের উপরে বড় ছবি আলাদা করে ব্রান্ডিং করার জন্য বানায়।

তিনঃ ফেসবুক ফ্যান পেজের জন্য ব্রান্ড অনুসারে বাম পাশের প্রোফাইল পিকচার তৈরি করে দেওয়া।

চারঃ ইউটিউব এর চ্যানেল ডিজাইন বা ব্রান্ডিং করে দেওয়া।
Continue reading