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