Создал примерную верстку сайта, а что дальше?

Решил попробовать сделать свой первый сайт… И наткнулся на ряд проблем. Самая явная - создал примерную верстку, но при попытке внести на сайт какие-нибудь данные, все сразу деформируется((
Что делать, как быть?






К примеру - как выровнять заголовки разделов? Через p align=“center” не вариант
Или, как добавить контент в соответствующий раздел? Как только что то вписываю в него, все деформируется(
Обращаюсь сюда т.к. гайды гайдами, но иногда не обойтись просто без совета опытного кодера

Для экспериментов с кодом, пожалуйста, воспользуйтесь песочницей. Ваш код будет удобнее смотреть и вносить правки. Перепечатывать со скринов никто не будет.
Для заголовков разделов используйте теги h1-h6. Внутри них текст вполне можно выравнивать с помощью text-align. Учитывая вашу разметку, в верхнем ряду будут лучше смотреться инлайн-блоки, так как их можно выравнивать по вертикали. Обязательно почитайте о семантической верстке и тегах html5. Просто div-ами верстать плохо. Лучше сразу учиться делать правильно.
Это всё, что можно сказать по картинкам.