تفافت float با display:inline در css

[Beginner Programmer]

سلام دوستان
من هر چی سرچ میکنم تفافت بین این ها رو نمیفهمم واقعا
درست تعریف این خاصیت ها متفات و float برای تعیین جهت چینش و display برای تعیین طرز قرار گیری عناصر کنار هم استفاده میشه اما جایی که ما میخوایم عناصر block رو تو یه خط قرار بدیم و در حقیقت این خاصیت block رو به inline تغییر بدیم هم float:left جوابگو هست هم display:inline فقط تفافت هایی که من فهمیدم float فاصله ای بین عناصر قرار نمیده ولی dispay:inline به صورت پیش فرض یک فاصله ای روبین عناصر که پشت سر هم قرار میده میزاره...
جفتش داره یه کار رو انجام میده ولی همه میگن تفافت های اساسی بینشون هست و اصلا کاملا با هم متفافت هستند من واقعا درک نمیکنم چرا اخه...
یه تفافت float با display شاید این باشه که توسط مرورگرهای قدیمی پشتیبانی بهتری میشه دیگه تفافتی نداره واقعا!!!
مفهوم اینا یا تعریف شون شاید متفافت باشه که float به معنی شناور کردن عناصر از یک سمت و display:inline برای قرار دادن عناصر تو یک خط مثلا هستش ولی جفتشون دارم مارو به هدفمون میرسونه که میخوایم عناصر بلاک مثل تگ پاراگراف کنار هم قرار بگیرند...
display:inline

http://uupload.ir/files/7ysh_qq2233.png


float:left
http://uupload.ir/files/u3nn_aaqqaq.png

[دانیال دزفولی]

مثل اینه که بپرسید تفاوت ارتفاع با سرعت !

با float میتونید المنت هارو به right و یا left هدایت کنید


اما بحث display کاملا جداس :

1. وقتی block باشه کل خط رو اشغال میکنه .

2. وقتی inline-block باشه میتونه در کنار بقیه ی اجزا قرار بگیره .

3. وقتی inline باشه میتونه در کنار بقیه ی اجزا قرار بگیره . با این تفاوت که دیگه نمیتونی بهش margin بدی