align item in column css code example

Example 1: how to align items in css

div
{
  display:flex;
  align-items:center;
  justify-content:center;
  
}

Example 2: flex align children to side

flex-direction: column;
align-items: flex-start; //left
align-items: center; //center
align-items: flex-end; //right