I’m having a problem when I try to make really long lines, when using simple text the horizontal scroll is working fine, the text remains on the same line and simply scrolls to the right.
When the text has html tags in it, the browser does not want to retain the text in a single line, and jumps a line.
The following code demonstrates the problem:
[code]
<html>
<body>
abcddasdasdasdasdasdasdasdasdasdasdasdasdasabcddasdasdasdasdasdasdasdasdasdasda4156415615645646456456456465sdasdasabcddasdasdasdasdasdasdasdasdasdasdasd<b>some more stuff here</b> asdasabcddasdasdasdasdasdasdasdasdasdasdasdasdas32543rewft5ryhrhjutyfdfdsdfkhjgfderthyfdrgtfdrwefde4rtgrdfertgfdasdsadasdas(<font color=”#ff0000″>Don’t jump, damn it!!!</font>)dasdadasdas;
<br><br><br><br><br>
werthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdfwerthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdfwerthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdfwerthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdfwerthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdfwerthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdfwerthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdfwerthyjuijugfsdfgjjgfdresdrfhjhgvcdxesghjhgfdesdrtfgyhujiuhygtfrhuijhyufredrtfhyujhbgfdsdf
</body>
</html>
Is there anyway to avoid this? to make the first line with the html tags to scroll normally just like the second line?
Note: The problem exists in IE, Firefox, Safari and Opera.
Thank you.
P.S:
Please don’t ask useless questions like why do I need something like that?
This is a simple display of a problem I’m having in a web based editor.