<divclass="container"><div><p>Данный текст находится ровно по центру того места, где он вставлен.p>
div>
div>
Прописывая display="flex"в мы активируем поддержку flexbox. Свойства "justify-content" и "align-items" со значением "center" выравнивают блок именно по центру (горизонтально и вертикально).