Help please

moneysharma

05-24-2012, 06:37 PM

Please tell me why results are like this as shown in image

http://i49.tinypic.com/2sa1gk3.png

<html>

<head>

</head>

<body>

<div style="width:100%;color:blue;border:1px solid black;">
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttext

</div>

</body>

</html>

moneysharma

05-24-2012, 06:43 PM

on using:
<div style="width:200px;height:200px;color:blue;border:1px solid black;">
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttext

</div>

Results are in attached image.:mad:

EpicWebDesign

05-24-2012, 06:54 PM

try using <div style="width:200px;height:200px;color:blue;border:1px solid black;word-wrap: break-word;overflow:hidden;">
The word-wrap: break-word obviously wraps the text to a new line when it hits the max width. The overflow:hidden simply hides anything that exceeds the max height.

moneysharma

05-24-2012, 07:00 PM