خاصیت float همراه با مثال

تا حالا شده براتون پیش اومده باشه دو تا عکس را کنار هم قرار بدید. ولی یک عکس بالا و یکی پایین میفتد.

خوب یکی از راه حل های ساده برای کنار هم قرار دادن اونها استفاده از table هست.

اما در کدنویسی جدید Html 5 استفاده از table صحیح نیست. زیرا منسوخ شده است و استفاده از اون پیشنهاد نمیشه.

حالا برای اینکه بدون استفاده از table دو عکس یا دو متن یا بهتر بگم دو چیز را کنار هم قرار بدیم باید چیکار کنیم؟

شما میتوانید از float استفاده کنید.

float یعنی چی؟

float در اصل طرف یا جهت متن یا عکس یا ... را مشخص میکند و دو حالت نیز بیشتر ندارد (یا راست یا چپ)

مثال شما میخواهید دو عکس را کنار هم قرار بدید :

style :
< style >
.pic1
{
float:right;
}
.pic2
{
float:left;
}
< / style >
Html :
< img src="address pic1" class="pic1" >
< img src="address pic2" class="pic2" >

دو عکس بالا کنار هم و بدون بالا پایین شدن قرار میگیرد ...