Проблема с тем, что текст не переносится в HTML, может возникать из-за использования элемента <div>, который по умолчанию имеет CSS-свойство display: block. Это означает, что <div> будет занимать всю доступную ширину на странице и текст внутри него не будет переноситься автоматически.
Чтобы решить эту проблему и заставить текст переноситься в HTML, можно либо добавить CSS-правило для элемента <div>, чтобы текст переносился, например, word-wrap: break-word;, либо использовать элемент <span>, который по умолчанию является инлайновым элементом и позволяет тексту автоматически переноситься.
Чтобы выровнять блоки в HTML, обычно используют CSS-свойство text-align для контейнера, в котором находятся блоки. Например, если нужно выровнять блоки по центру контейнера, то можно использовать следующий CSS-код:
.container {
text-align: center;
}
Если нужно выровнять блоки по горизонтали внутри контейнера, то можно также использовать свойство display: inline-block; для самих блоков, чтобы они рассматривались как инлайновые элементы и отображались в одну линию. Дополнительно можно играться с другими CSS-свойствами, такими как flexbox или grid, чтобы более гибко управлять выравниванием блоков на странице.
Надеюсь, это поможет вам разобраться с проблемой переноса текста и выравнивания блоков в HTML! Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.