یک صفحه HTML ساده بسازید که شامل سه جعبه div باشد؛ با استفاده از CSS تنها با ویژگی margin جعبه‌ها را از هم جدا کنید و اولین جعبه را افقی در مرکز قرار دهید.

در CSS برای جدا کردن عمودی بین جعبه‌ها می‌توانید از margin-bottom یا margin استفاده کنید و برای قرار دادن یک عنصر در مرکز افقی از margin: 0 auto; استفاده کنید. به هر جعبه عرض ثابت بدهید (مثلاً width: 200px) چون المان‌های بلاک برای مرکز شدن به عرض مشخص نیاز دارند و استایل را با سلکتورهای کلاس اعمال کنید. به‌عنوان نکته، از shorthand مثل margin: 20px 0; برای فاصله عمودی و از margin: 10px auto; برای ترکیب فاصله و مرکز کردن بهره ببرید.