majikk Posted November 1, 2012 Share Posted November 1, 2012 (edited) Hi! I have a problem with wrapping the zeroes within the 'content' div although i am using the 'white-space' property with a 'pre-line' value . I don't know where I went wrong. Help please. >_< .content{background-color:green;width:750px;height:510;padding-left:5px;padding-right:5px;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;white-space:pre-line;color:black;} <div class="content">CONTENT0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</div> Here is the code for the whole page. <html><head><style type="text/css">a:link {text-decoration:none; color:white; } /* unvisited link */a:visited {text-decoration:none; color:white;} /* visited link */a:hover {text-decoration:underline;color:grey;} /* mouse over link */a:active {text-decoration:underline;color:black;} /* selected link */body{font-family:arial;color:white;}.container{background-color:#191919;font-family:arial;width:1000px;height:1000px;margin-left: auto ;margin-right: auto ;}.logo{background-color:grey;width:190px;padding-top:85;padding-bottom:85px;text-align:center;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;}.banner{background-color:green;width:760px;height:190px;margin-left:10px;margin-top:10px;float:left;border:5px solid gold;}.sidebar{background-color:green;width:100px;height:500;padding:45px;text-align:center;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;}.menu{background-color:red;width:760;padding-top:5;padding-bottom:5;margin-left:10px;margin-top:10px;float:left;border:5px solid gold;}.content{background-color:green;width:750px;height:510;padding-left:5px;padding-right:5px;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;white-space:pre-line;color:black;}ul.online{ word-spacing:100px;list-style-type:none;}li.inline{display:inline; }</style></head><body><div class="container"><div class ="logo">LOGO</div><div class="banner">BANNER</div><div class="sidebar">SIDEBAR</div><div class="menu"> <center><ul class="online"> <li class="inline"><a href="">Home</a></li> <li class="inline"><a href="">Log-In</a></li> </ul></center></div><div class="content">CONTENT0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</div></div></body></html> Edited November 1, 2012 by majikk Link to comment Share on other sites More sharing options...
manojnaanak Posted November 3, 2012 Share Posted November 3, 2012 word-wrap: break-word; Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now