سؤال في التصميم

المشكلة في ال margin الافتراضي للعنصر

<h3>my logo</h3>

ولحل المشكلة قم بإضافة الخاصة التالية للعنصر :

h3 {
     color: white;
      margin: 0;
}

او ان تلغي الهوامش الافتراضية لكل العناصر كالتالي :

* {
      margin: 0;
      padding: 0;
}

المشكلة تكمن في القيمة auto لخاصية ال margin. فهذه القيمة تقوم بإخبار المتصفح بأن يقوم بحساب الmargin بصفة تلقائية، كيف؟ عنصر ال div يقوم بأخذ حوالي 300px من المساحة الأفقية، إذا بناء على المساحة المتبقية سيقوم بتقسيمها على الmargin بكامل أطرافه، الأعلى والأسفل، اليمين واليسار.

أما عن الحل فقد تفضل الإخوة في التعليقات بإرفاقه. بالتوفيق.