ترازبندی با اسفاده از خصوصیت float
یک روش دیگر برای ترازبندی عناصر، استفاده از خصوصیت float است:
مثال (ترازبندی با اسفاده از خصوصیت float)
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}
خودتان امتحان کنید »{
float:right;
width:300px;
background-color:#b0e0e6;
}
زمانی که از خصوصیت float استفاده می کنید، همیشه یک DOCTYPE! در بالای صفحه HTML اعلان و همچنین برای عنصر <body> خصوصیات padding و margin را با مقدار "0" تنظیم کنید:
مثال (ترازبندی با اسفاده از خصوصیت float)
body
{
margin:0;
padding:0;
}
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}
خودتان امتحان کنید »{
margin:0;
padding:0;
}
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}