Problem with content width

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?

lps

Junior Poster

117 posts since Jul 2011

Reputation Points: 13

Solved Threads: 22

4 Months Ago

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;

lps

Junior Poster

117 posts since Jul 2011

Reputation Points: 13

Solved Threads: 22

This question has already been solved

You