How to make a paragraph reside within a div

Question

Text is going beyond the div. How can I enforce the paragraph that won't overflow outside the div ?

.preview {
    background: red;
    width: 200px;
}

<div class="preview">
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>

remove the width in your css and it will fill the entire paragraph. I presume that is what you are asking... — Rasclatt, Sep 28 '14 at 20:57
You have already filled the div by that paragraph. What do you mean? — Hashem Qolami, Sep 28 '14 at 21:01
Sorry about the my unclear question. I got the answer from C-link Nepal — valentince kristiana, Sep 28 '14 at 21:04
Hence, this is yet another duplicate of [Is there a way to word-wrap long words in a div?](http://stackoverflow.com/questions/1638223/is-there-a-way-to-word-wrap-long-words-in-a-div). — Hashem Qolami, Sep 28 '14 at 21:28

score 3 · Accepted Answer · answered Sep 28 '14 at 20:58

3

Use word-wrap:

.preview {
    background: red;
    width: 200px;
    word-wrap: break-word;
}

<div class="preview">
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>

answered Sep 28 '14 at 20:58

And add padding so that the paragraph wont be too close to the edges of the div. – jofftiquez Sep 28 '14 at 21:27

1 Answers1