Come inserire il testo lungo in un piccolo div?

Question

Ho il div con una larghezza specificata ma il testo al suo interno non si rompe e si inserisce nel div di conseguenza.

Questa potrebbe essere una domanda sbagliata. Come adattarlo al div?

Credo che non sia possibile inserirla completamente dentro almeno può essere montata all'interno del div in base alla larghezza non all'altezza.

Css

.limit{ 
    width:50px; 
} 

HTML

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

JSFIDDLE

Answer 1

Tutto ciò che serve è word-wrap: break-word;

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

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

Demo

D'altra parte, se non si sta cercando di rompere la frase, è anche possibile utilizzare overflow proprietà impostata su auto o overflow-x: scroll; - Demo

Answer 2

Modificato il limite di classe. Puoi mostrare l'intero testo in una singola riga.

CSS

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