CSS align-items Property - Scaler Topics
![](https://scaler.com/topics/images/center-keyword-of-align-items.webp)
The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. Learn more on Scaler Toics.
![](https://scaler.com/topics/images/align-items-in-css.webp)
CSS align-items Property - Scaler Topics
![](https://www.lambdatest.com/blog/wp-content/uploads/2023/05/unnamed252520-2525202023-05-30T171811.318.png)
A Beginner's Guide To CSS Scale Property
![](https://scaler.com/topics/images/vertical-align-with-flex.webp)
CSS Tricks - Scaler Topics
![](https://ostraining.com/wp-content/uploads/images/blog/web-design/css-flexbox/03/06.png)
CSS Flexbox #3. The align-items property - OSTraining
![](https://www.scaler.com/topics/images/css-align-items-property.webp)
CSS align-items Property - Scaler Topics
![](https://media.geeksforgeeks.org/wp-content/uploads/align4.png)
CSS align-content property - GeeksforGeeks
![](https://www.includehelp.com/code-snippets/Images/align-items-property-2.jpg)
CSS align-items Property
![](https://www.scaler.com/topics/images/css-align-self-fi.webp)
CSS Align-Self Property - Scaler Topics
Bioreactor scaling tool
![](https://scaler.com/topics/images/right-alignment-justify-content.webp)
CSS justify-content - Scaler Topics
![](https://i.stack.imgur.com/ykRrp.jpg)
javascript - How to align Material-UI Menu items? - Stack Overflow
![](https://www.tutorjoes.in/css_properties/output/flex-align-items-column-stretch.jpg)
A Comprehensive Guide to CSS Align Items Property
![](https://scaler.com/topics/images/output-space-between-align-content.webp)
CSS Grid Property - Scaler Topics
![](https://ostraining.com/wp-content/uploads/images/blog/web-design/css-flexbox/03/02.png)
CSS Flexbox #3. The align-items property - OSTraining
Top 30+ CSS Interview Questions (2024) - InterviewBit