Почему текст выезжает за блок и ему всё равно на ограничение?

Question

[RINCODE]

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

<div class="info-reviews-block">
                        <div class="info-reviews-logo-div">
                            <img class="info-reviews-logo" src="img/logo.svg"></img>
                        </div>
                        <p class="info-reviews-login">Login</p>
                        <p class="info-reviews-message">досысыоыыыыыыыыы</p>
                    </div>

.info-reviews-message {
    margin-top: 1%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #EDEDED;
    width: 10%;
    padding-left: 1%;
    margin-bottom: 62px;
}

Comments

[RAX7]

[Ankhena]

RINCODE,

Аааа у меня вообще не работают стиле ниже, диполей флекс и т.п. что делать

Очевидно проверять валидатором. Смотреть что там со скобками и прочим. Разметку тоже можно.

Почему текст выезжает за блок и ему всё равно на ограничение?

Потому что это стандартное поведение текста, если ему не заданы переносы или overflow.

[RINCODE]

Ankhena, у меня есть подобный блок и там всё ок, хотя ничего дополнительного не задавал

[Ankhena]

RINCODE, показывайте на codepen.io

Answer 1

[imko]

Потому что у него нет возможности сжаться. Что он по твоему должен сделать?
Для переноса нужен word-break, для скрытия overflow

Answer 2

[Noder SS]

А где именно ограничение? Напиши контейнеру max-width: 10%

Comments

[RINCODE]

Аааа у меня вообще не работают стиле ниже, диполей флекс и т.п. что делать

[Noder SS]

RINCODE, их не видит сайт или же он просто никак на них не реагирует?

[RINCODE]

Noder SS, не ниже работает а здесь криво всё

[RINCODE]

Noder SS, оно не так должно работать
а тип переноситься на следующую строчку

[Noder SS]

RINCODE, тогда просто max-width без оверфлова + паддинг по бокам чтобы лучше смотрелось

[RINCODE]

Noder SS, поставил максимальную ширину 1 px

[Noder SS]

RINCODE, странно как то, залейте на кодепен

[imko]

Noder SS, ничего странного, текст по молчанию не переносится посреди слова

[Noder SS]

imko, ой, извините, забыл))).тогда word-break: break-all

[Noder SS]

RINCODE, он посреди слова не перенесется. Если хотите, чтобы он "ломался" при очень длинном тексте пропишите word-break: break-all