Мой текст не будет корректно ломаться при использовании свойства CSS left [закрыто] ⇐ Html

[Anonymous]

У меня проблема с моим веб-сайтом.
Я использую CSS left, чтобы отвести текст от левой части страницы. Однако когда я использую это, мой текст немного выходит за пределы страницы вправо, а не прерывается в нужном месте.
Как я могу решить эту проблему?

Код: Выделить всё

.main {
position:relative;
left:30px;
font-size:36px;
direction: ltr;
}

Код: Выделить всё

This is a very long line, I am writing a very long line so it overflows off the page for an example of what happens when I do that. writing a word.

```

Изображение этого кода на веб-сайте.
Как вы видите на изображении, слово во втором предложении выходит за пределы буквы «а».
Как я могу решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/798 ... t-property