How can I keep my text within the box class? without the text overflowing on the right of the box. I tried to figure it out for two hours cant seem to get it.
<html>
<head>
<style type="text/css">
.box {
width:250px;
padding-top:5px;
border-style:solid;
border-color:#336699;
border-width:1px;
padding-left:3px;
padding-bottom:10px;
}
</style>
</head>
<body>
<p class="box">
<span>
<a href="http://localhost/Latest Artical 1.htm"><b>Latest Artical 1</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br />
<a href="http://localhost/Latest Artical 2.htm"><b>Latest Artical 2</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br />
<a href="http://localhost/Latest Artical 5.htm"><b>Latest Artical 5</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br />
</span>
</p>
</body>
</html>
You’ve got it right, it will work when you have spaces in the text
http://jsfiddle.net/6sqPG/