Question

I tried to restrict the area where I can write text on my website.

<div id="header">
<div id="text"> 
     sample text 
</div>
</div>

When I try to write many characters in text, there is no line break when the given space is exceeded.

#header
{
 background-color: #fff;
 height: 100px;

}

#text
{
 margin-left: 200px;
 width: 200px;
}

What is my mistake?

Answer 1

Do this way:-

#text
{
    margin-left: 200px;
    width: 200px;
    border: 1px solid;
    word-wrap: break-word;  
}​

Refer LIVE DEMO