Actually I am having a problem with the content width where the content is a link. Here is the shorten code of it:

<!DOCTYPE>
<html>
	<head>
		<style>
			#main{
				width:100px;
				background:cyan;
			}
		</style>
	</head>
	<body>
		<div id = "main">
			<a href="#">This is a very long long one.... hahahahahahhahaha</a>
		</div>
	</body>
</html>

by using this, the outcome will show that the link hahaha.... will be overflow. Any idea on how to made the overflow link go to another new line?

Never mind, found the solution myself. But in case any other come across this tread with same problem, I will put the answer here: just add the css: word-wrap:break-word;