Css change row when full

[ananaz]

Hello i have a problem

 

this is my html:

<p> Hello there guy or gild reading this note, the note is long because longcat is long</p>

 

p has borders with a width set to 100 px

 

now it looks like something like this:

 

____________________________

|Hello there guy or gild reading this|note, the note is long because longcat is long

____________________________|

 

but i want it too look like this:

 

____________________________

|Hello there guy or gild reading this |

|note, the note is long because      |

|longcat is long                                |

____________________________|

 

in words i want the text to change to new row when the table is full. How do i do this?

[Maq]

Can you post the relevant HTML and CSS?

[raknjak]

Words wrap by default in p elements so this must be some kind of inherited behavior?

=> use white-space: normal; if you need to override some behavior

 

I'd advise you te review all styling to find out what is causing the nowrap.

Did you define a Doctype?

[ananaz]

Thank you, that solved it!

[kfir91]

how u solved?

[raknjak]

=> use white-space: normal;