How to word wrap text in HTML?

html css word-wrap
Satya Kalluri picture Satya Kalluri · Jul 18, 2009 · Viewed 487.5k times · Source

How can text like aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa which exceeds the width of a div (say 200px) be wrapped?

I am open to any kind of solution such as CSS, jQuery, etc.

Answer

Alan Haggai Alavi picture Alan Haggai Alavi · Jul 18, 2009

Try this:

div {
    width: 200px;
    word-wrap: break-word;
}

Related questions

Wrap text in <td> tag

I want to wrap some text that is added to a <td> element. I have tried with style="word-wrap: break-word;" width="15%". But it is not wrapping the text. Is it mandatory to give it 100% width? I have other …

Read More
How to prevent line breaks in list items using CSS

I'm trying to put a link called Submit resume in a menu using a li tag. Because of the whitespace between the two words it wraps to two lines. How to prevent this wrapping with CSS?

Read More
How to make a DIV not wrap?

I need to create a container DIV style that contains multiple other DIV's. It is asked that these DIV's wouldn't wrap if the browser window is resized to be narrow. I tried to make it work like below. <style&…

Read More