مقدار inline-block
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> .floating-box { float: left; width: 150px; height: 75px; margin: 10px; border: 3px solid #73AD21; } .after-box { clear: left; border: 3px solid red; } h2,div {direction:rtl;} </style> </head> <body> <h2>روش قدیمی - استفاده از float</h2> <div class="floating-box">باکس شناور</div> <div class="floating-box">باکس شناور</div> <div class="floating-box">باکس شناور</div> <div class="floating-box">باکس شناور</div> <div class="floating-box">باکس شناور</div> <div class="floating-box">باکس شناور</div> <div class="floating-box">باکس شناور</div> <div class="floating-box">باکس شناور</div> <div class="after-box">یک باکس دیگر ، بعد از باکس های شناور ...</div> </body> </html>