Почему сайт на жестком диске выглядит нормально, а на хостинге все разъезжается?

ну так навтыкай абзацев <p> или как там они

вы не показали как должно выглядеть...

прикольно
пишешь lang="en", а у самого всё на русском...
у тебя там подчёркнут повторяющийся стиль... может сайт тебя карает за это?

Нажимаешь в браузере F12 и смотришь, что конкретно у тебя там не загрузилось. Исправляешь. Чаще всего это возникает, когда пути к файлам прописаны неправильно, или регистр имён файлов отличается (в винде он не важен, а в линуксе - имеет значение).

Представь, что твой сайт - это вода. Если её налить в жесткий стакан, то всё ок. Если её налить в резиновый шарик, то всё разъедется. Логично же.

ты зачем на все блоки - position: absolute; натыкал, а чудо?
это же бред

Я так понял, что автору не понятно почему не переносится на новую строку?
На новую строку переводит закрывающий тег для текста или специальный тег <br>.
Тебе нужно абзацы заключить в тег <p></p>, либо в том, что у тебя сейчас имеется в конце каждого абзаца ставить <br>.
Например:
<p>Тут у нас будет первый абзац</p>
<p>Тут у нас будет второй абзац</p>
<p>Тут у нас будет третий абзац</p>
Либо:
<p>
Тут у нас будет первый абзац<br>
Тут у нас будет первый абзац<br>
Тут у нас будет первый абзац<br>
</p>

Оба варианта будут выглядеть так:
Тут у нас будет первый абзац
Тут у нас будет первый абзац
Тут у нас будет первый абзац