HTML/CSS Text will not follow div -
the <p> tag located within of div not break when reaching max-width. know lines of code not needed don't know anymore...
<body> <div id="bigbox"> <div id="body"> <h1>min profilsida</h1> <div id="navbar"> <ul> <li><a href="profilsida.html">hem</a></li> <li><a href="cvsida.html">cv</a></li> <li><a href="portfoliosida.html">portfolio</a></li> </ul> </div> <h2>mitt namn är albin Öhman</h2> <img src="bilder/albiegrdn.png"> <div class="textbox"> <p>fgodsfjklgdsflgjhhhhhhhhyukggggggggggggggggggggggggggggggggggggyyygdsfdsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p> </div> </div> </div> </body> #body{ overflow: hidden; position: relative; border-radius: 5px; width: 850px; height: 790px; margin: 0px auto; top: 10px; background-color: #808080; } .textbox{ padding: 10px; background-color: red; width: 425px; height: 500px; position: relative; left: 350px; top: -450px; } body{ width: 1000px; margin: 0px auto; position: relative; background-image: url("background.jpg"); background-repeat: no-repeat; background-attachment: fixed; } #bigbox{ padding: 0; background-color: #424747; width: 1000px; height: 810px; position: relative; }
this should help:
p { word-break: break-all; } or more general property:
p { word-wrap: break-word; } paragraphs won't break non-spaced word, unless tell to:
class="snippet-code-css lang-css prettyprint-override">.textbox{ padding: 10px; background-color: red; width: 425px; height: 500px; } p { word-break: break-all; } class="snippet-code-html lang-html prettyprint-override"><div class="textbox"> <p>fgodsfjklgdsflgjhhhhhhhhyukggggggggggggggggggggggggggggggggggggyyygdsfdsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p> </div>
html css
No comments:
Post a Comment