Некоторые слова из текста выпали, как сделать один общий текст?

Question

[Артём Ихсанов]

Слова из текста выпали, пару слов ускакали наверх, не пойму в чем проблема. Думаю, что из за выделения слова в скобках другим цветом. Если можете, подскажите как выделить его правильно.
Еще не скролится сайт, тоже не пойму. Текст добавлен, есть даже карточка, которая уже выходит за рамки страницы, но все равно никак ее не посмотреть из за скролла. Буду рад помощи))
Вот ссылка на папку с сайтом. Можете посмотреть код, сам сайт и тд.
https://drive.google.com/drive/folders/1rtngkYSfvT...
Вот как слова ускакали

А как должны выглядеть


Помогите пожалуйста!!!))

Comments

[szQocks]

выложи на https://codepen.io вряд ли скачивать кто-то будет твои файлы

[ProjectSoft]

Где здесь ваш текст?

СКРИНШОТ

[Артём Ихсанов]

ProjectSoft, извините, посмотрите сейчас

[ProjectSoft]

Артём Ихсанов, почему вы оборачиваете его в тег абзаца p?
Для этого существует строчный тег span.
Подробно

[Артём Ихсанов]

ProjectSoft, если я не ошибаюсь от этого же ничего не поменяется?

[ProjectSoft]

Артём Ихсанов, как это? Ещё как поменяется. Если конечно вы не переопределите в стиле значение block.

У вас по идее должно быть так

<div class='main-text'>
   <p class='othertxt'>ООО <span class='mn'>«Стар-Ойл»</span> осуществляет розничную реализацию светлых нефтепродуктов и сжиженного автомобильного газа ведущих Российских производителей, а также сопутствующих товаров и услуг через собственную сеть АЗС, расположенных в Тюменской области.
    </p>
</div>

[Артём Ихсанов]

ProjectSoft, Спасибо большое, очень помогли!))

[Артём Ихсанов]

ProjectSoft, да, так и получилось, но что мне делать с ООО, оно также и осталось вверху?

[ProjectSoft]

Артём Ихсанов, смотри ещё раз мой ответ выше

[Артём Ихсанов]

ProjectSoft, Спасибо большое на счет цвета слов, а насчет скролла что скажите?

[ProjectSoft]

Артём Ихсанов, отказаться от fixed и научиться верстать ))) Учиться, учиться и ещё раз учиться...
Да же я. Умею и уже дофига чего в работе, но всё-равно - учусь. Этот процесс никогда не закончится... )))

[Артём Ихсанов]

ProjectSoft, чем заменить fixed тогда? Absolute? А про верстать да, правильно сказал) конечно учусь и буду учиться, больше практикуюсь и больше получается конечно, спасибо большое, что помог, ты красавчик бро)

[ProjectSoft]

Артём Ихсанов, зачем вообще здесь fixed или absolute?
Вы сначала сверстайте без указания позиций. Для отступления от верха используйте margin-top, снизу - margin-bottom, слева - margin-left,, справа - margin-right.
Если margin не работает сверху, то родителю нужно задать clearfix стиль

.clearfix::before,
.clearfix::after {
	display: table;
	content: "";
	clear: both;
}

Пример снова обновлён. Обязательно посмотрите разницу в двух одинаковых блоках. И на что повлиял класс .clearfix

[Артём Ихсанов]

ProjectSoft, спасибо большое!))

Answer 1

[makrazer]

Чтобы не ехал текст используй неблочный тег<span> вместо блочного <p>
Из за того, что ты весь контент размещал с помощью position fixed у тебя и не скролится страница