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
Post a Comment