Contents
Definition of align-items
The CSS text-align property is used to specify alignment for items located in a flex container:
.flexcontainer {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0 and newer */
    display: flex;
    align-items: flex-start;
}Introduced in CSS3, align-items belongs to the Flexbox layout. It can be neither inherited nor animated.
Tip: using the align-self property would override align-items.
Syntax rules for align-items
The syntax for the CSS align-items property is simple – all you need to define is one of the available property values:
align-items: value;
 
 - Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
 
 - Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
 
 - A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
Property values
| Value | Description | 
|---|---|
| stretch | Default. Stretches the items to fit the container | 
| center | Positions the items at the center of the container | 
| flex-start | Positions the items at the beginning of the container | 
| flex-end | Positions the items at the end of the container | 
| baseline | Positions the items at the baseline of the container | 
| initial | Returns the default value of the property. | 
| inherit | Inherits the property from the parent element. | 
Browser support
 
 Chrome
 
 Edge
 
 Firefox
 
 IE
 
 Opera
 
 Safari
Mobile browser support
 
 Chrome
 
 Firefox
 
 Opera
 
  
  
  
  
                