המאפיין align-items רלוונטי לתגיות שמוגדרות עם display: flex; או display: grid;
מאפיין זה מגדיר את עימוד ברירת המחדל של הבנים של התגית.
שימוש במאפיין זה הוא שווה ערך לשימוש במאפיין align-self בכל הבנים של התגית
דוגמא: שינוי המיקומים בתוך flex
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| stretch | ✔️ | ✔️ | ✔️ | ✔️ |
| normal | ✔️ | ✔️ | ✔️ | ✔️ |
| self-start | ✔️ | ✔️ | ✔️ | ✔️ |
| self-end | ✔️ | ✔️ | ✔️ | ✔️ |
| flex-start | ✔️ | ✔️ | ✔️ | ✔️ |
| flex-end | ✔️ | ✔️ | ✔️ | ✔️ |
| center | ✔️ | ✔️ | ✔️ | ✔️ |
| start | ✔️ | ✔️ | ✔️ | ✔️ |
| end | ✔️ | ✔️ | ✔️ | ✔️ |
| baseline | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
דוגמא: שינוי המיקומים בתוך grid