Разместить блок по центру

Здравствуйте возникла проблема с корректным центрированием блока, так чтобы на разных устройствах (телефон, компьютер, планшет), он размещался по центру, а сам текст в них был выровнен, по левому краю, вот пример:

<section>
    <!-- Это блок нужно выровнять по центу (по вертикали и горизонтали) от родительского элемента -->
    <div class="info">
         <p class="title>Заголовок</p>
         <p class="description">Описание</p>
    <div>
</section>

Пробовал использовать margin, но на разных устройствах совершенно разный результат...