Для регулировки положения строк в HTML5 можно использовать свойство align-content. metanit.com Оно управляет выравниванием рядов (строк и столбцов) во flex-контейнере и применяется, если свойство flex-wrap имеет значение wrap или wrap-reverse. metanit.com
Некоторые значения свойства align-content:
- stretch. metanit.com Значение по умолчанию, при котором строки (столбцы) растягиваются, занимая всё свободное место. metanit.com
- flex-start. metanit.com Строки (столбцы) выравниваются по началу контейнера (для строк — это верхний край, для столбцов — это левый край контейнера). metanit.com
- flex-end. metanit.com Строки (столбцы) выравниваются по концу контейнера (строки — по нижнему краю, столбцы — по правому краю). metanit.com
- center. metanit.com Строки (столбцы) позиционируются по центру контейнера. metanit.com
- space-between. metanit.com Строки (столбцы) равномерно распределяются по контейнеру, а между ними образуются одинаковые отступы. metanit.com
- space-around. metanit.com Строки (столбцы) равным образом распределяют пространство контейнера, а расстояние между первой и последней строкой (столбцом) и границами контейнера составляет половину расстояния между соседними строками (столбцами). metanit.com
Также для выравнивания текста на странице можно использовать свойство text-align. blog.hubspot.com www.freecodecamp.org Оно устанавливает горизонтальное выравнивание контента внутри блочного элемента или ячейки таблицы. blog.hubspot.com