---
id: 5a90376038fddaf9a66b5d3c
title: Align All Items Horizontally using justify-items
challengeType: 0
videoUrl: ''
localeTitle: محاذاة جميع العناصر أفقيا باستخدام تبرير البنود
---
## Description
في بعض الأحيان تريد أن تشترك جميع العناصر في CSS الخاص بك في نفس المحاذاة. يمكنك استخدام الخصائص التي تم تعلُّمها مسبقًا ومحاذاؤها بشكل فردي ، أو يمكنك محاذاةها كلها مرة واحدة أفقيًا باستخدام justify-items
ضبط في حاوية الشبكة. يمكن أن تقبل هذه الخاصية جميع القيم نفسها التي تعلمتها في التحديين السابقين ، والفرق بينهما هو أنه سينقل كل العناصر في شبكتنا إلى المحاذاة المطلوبة.
## Instructions
استخدم هذه الخاصية لتوسيط جميع العناصر أفقيا.
## Tests
```yml
tests:
- text: يجب أن container
فئة container
على خاصية justify-items
لها قيمة center
.
testString: 'assert(code.match(/.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi), "container
class should have a justify-items
property that has the value of center
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```