Flex CSS

by Andy Bulka

HTML

<div class="container">
  <p>
  hi there
  </p>
  <p>
  and hello again
  </p>
</div>

CSS

.container {
  border-width: 2px;
  border-style: solid;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
  
  height: 150px; /* Set a height for the container */
/*   or else align-items doesn't work */
  
}