Question

i just want to ask about my html code here, i have a bit problem when it comes to sizing my div. when i set width of the div to 70px, the content still over flow the div, what i want is, the height of the div will automatically adjust when the content of it exceeds the width of the div.

any help?
heres my code. thanks in advance

<div class = "center"> the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the 
lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps 
over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown 
fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the 
quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy dog.the quick brown fox jumps over the lazy 
dog.the quick brown fox jumps over the lazy dog. </div>

<style> .center{width:70px;} </style>

Answer 1

try this css

.center
 {
    width:70px;
    word-wrap: break-word;
 } 

to force the browser to break words which would otherwise ecxeed the container.