Member Avatar for lps

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?

  • 1 Contributor
  • 1 Reply
  • 120 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by lps
Member Avatar for lps

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;

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.