মনে করুন বা ধরুন যা ভাল লাগে করুন তবে এবার এই আলোচনায় মন দিন। বিষয়টি খুব গুরত্বপুর্ন ।

এমন কোন Web Developer নেই যে Display এই তিনটা প্রোপার্টি নিয়ে সমস্যর সম্মুখিন হয় নি।

এবার আমরা এটা সুন্দর একটা গল্পের মাধ্যমে সমাধা করার চেষ্টা করব। 

মনে করুন আপনার বাড়িতে বিয়ের অনুষ্ঠান হবে ৩ দিন পর। তার আগে বাড়িতে দুলাভাই আসছে কারণ তাকে অনেক দায়িত্ব দেয়া হয়েছে। সে এখন ঘুমাবে কোথায় ? জামাই মানুষ তাকে তো আর অন্য কারো সাথে একই খাটে ঘুমাতে দেয়া যাবে না । সে একাই খাটটা block করে নেবে। এবার বিয়ের দিন অনেক আত্মীয় আসছে এবার রাতে জামাইকে আর সম্মান দেখাইয়ে লাভ নাই সে এবার শালা, শালির বাচ্চা-কাচ্চা  যত ছোট  বাচ্চা আছে সবাইরে নিয়ে ঘুমাবে।  খাটে যতগুলা ধরে। 

block 

  1. সে ফুল Width block করে যায়গা দখল করবে । 
  2. block element কে আমরা width এবং height সেট করে দিতে পারি। 

inline 

  1.  সে width বরাবর কোন যায়গা দখল করে না। 
  2. inline element কে আমরা width এবং height সেট করে দিতে পারি না। সুধু margin-left/margin-right দিতে পারি। 

inline-block 

  1. inline element কিন্তু block এর মত আচরন করেব অর্থাৎ আমরা width এবং height সেট করে দিতে পারব।