<sectionid="description"> والآن بعد أن استخدمنا Bootstrap ، يمكننا تركيز عنصر العنوان الخاص بنا لجعله يبدو أفضل. كل ما نحتاج إليه هو إضافة مركز <code>text-center</code> إلى عنصر <code>h2</code> . تذكر أنه يمكنك إضافة عدة فئات إلى نفس العنصر عن طريق فصل كل منها بمسافة ، مثل: <code><h2 class="red-text text-center">your text</h2></code></section>
## Instructions
<sectionid="instructions">
</section>
## Tests
<sectionid='tests'>
```yml
tests:
- text: يجب توسيط عنصر <code>h2</code> عن طريق تطبيق <code>text-center</code> للصف
testString: 'assert($("h2").hasClass("text-center"), "Your <code>h2</code> element should be centered by applying the class <code>text-center</code>");'
- text: يجب أن <code>h2</code> عنصر <code>h2</code><code>red-text</code> للفصل
testString: 'assert($("h2").hasClass("red-text"), "Your <code>h2</code> element should still have the class <code>red-text</code>");'