html - Why does this text breaks div tag? How to fix it? -


I think I justify the width and height of the div and the text will be inside, but I do not know why the text In this case is out there Why? how to fix it?

  & lt ;! DOCTYPE html public "- // W3C // DTD XHTML 1.0 Transcription // N" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" & gt; & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Title & gt; Content area prototype 1 & lt; / Title & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" type = "text / css" href = "content.css" /> & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "test" & gt; Zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz & lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   

This is "content.css"

  * {margin: 0; Padding: 0; } Body {width: 480px; Height: 680 pixels; Margin: 0 auto; Overflow: auto-scroll; Background-color: # 212121; Font-family: "Segoyi UI", non-serif; } .test {padding: 0.3em; Margin-down: 0.5 AM; Background color: #fff; Border: 0.3 is solid # 59922b; Limit-Radius: 1.2mm; }   

Update: I want to have word-wrap in text div. Overflow: no hidden work

Update: Why is not word-wrap default?

word-wrap CSSproperty ()

< Code> word-wrap: break-word; See adding to . Test is subject to CSS class, text container:



Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -