Flex align-items: center not centering items [closed]

Question

Flexbox align-items: center; is not working.

Here is the HTML

<div class="container">   <p>Lorem ipsum</p> </div> 

CSS

.container {   display: flex;   justify-content: center;   align-self: center; }