Как сделать длинный текст подходящим внутри небольшого div?

У меня есть div с указанной шириной, но текст внутри него не разбивается и не подстраивается в div соответственно.

Это может быть неправильный вопрос. Как сделать его подходящим внутри div?

Я считаю, что его невозможно установить полностью внутри, по крайней мере, он может быть установлен внутри div в соответствии с шириной не высотой.

Css

.limit{
    width:50px;
}

HTML

<div class="limit">
    <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p>
</div>

Все, что вам нужно, это word-wrap: break-word;

.limit{
    width:50px;
    word-wrap: break-word;
}

<div class="limit">
    <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p>
</div>

Изменено ограничение класса. Вы можете показать весь текст в одной строке.

CSS

.limit p {
    overflow-x: scroll;
    white-space: nowrap;
    width: 50px;
}