How to keep text inside the parent?
Lets say take this as an example:
And it displays like so:
What do I do to place this kind of texts always within the parent div?
You could use
Alternatively, you could also use
overflow:hidden, which will hide the overflow. This is assuming you don’t want the text to wrap. jsFiddle example
Lastly, there is
overflow:scroll which will allow you to scroll through the overflow. Note - there will always be a scrollbar regardless of the length of the text. To avoid this you could also use
overflow:auto. I don’t know what you want. jsFiddle example of