freeCodeCamp/curriculum/challenges/arabic/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.arabic.md

id	title	challengeType	videoUrl	localeTitle
587d78a3367417b2b2512ad0	Center an Element Horizontally Using the margin Property	0		توسيط عنصر أفقيًا باستخدام خاصية الهامش

Description

أسلوب آخر لتحديد المواقع هو مركز عنصر كتلة أفقيا. إحدى الطرق للقيام بذلك هي تعيين margin الخاص به إلى قيمة تلقائي. هذه الطريقة تعمل للصور أيضا. الصور هي عناصر مضمنة افتراضيًا ، ولكن يمكن تغييرها لحظر العناصر عند تعيين خاصية display للحظر.

Instructions

قم div على الصفحة بإضافة خاصية margin بقيمة تلقائية.

Tests

tests:
  - text: يجب أن يكون <code>div</code> <code>margin</code> على تلقائي.
    testString: 'assert(code.match(/margin:\s*?auto;/g), "The <code>div</code> should have a <code>margin</code> set to auto.");'

Challenge Seed

<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;

  }
</style>
<div></div>

Solution

// solution required