align Items

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS align-items Property


Center the alignments for all the items of the flexible <div> element:

div {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;


Definition and Usage

The align-items property specifies the default alignment for items inside the flexible container.

CSS Syntax

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;