Questions
Create a Web Page in which the text " WEB DESIGNING AND PUBLISHING " should scroll in different directions for four times .
Last Updated : 16 Jul 2025
New Question
Solution:
<!DOCTYPE html>
<html>
<head>
<title>Scrolling Text in HTML</title>
</head>
<body>
<!-- Scrolling text horizontally from right to left -->
<marquee direction="left" scrollamount="5" style="margin-bottom: 10px;">WEB DESIGNING AND PUBLISHING</marquee>
<!-- Scrolling text vertically from top to bottom -->
<marquee direction="up" scrollamount="5" style="height: 100px; overflow: hidden; margin-bottom: 10px;">WEB DESIGNING AND PUBLISHING</marquee>
<!-- Scrolling text horizontally from left to right -->
<marquee direction="right" scrollamount="5" style="margin-bottom: 10px;">WEB DESIGNING AND PUBLISHING</marquee>
<!-- Scrolling text vertically from bottom to top -->
<marquee direction="down" scrollamount="5" style="height: 100px; overflow: hidden;">WEB DESIGNING AND PUBLISHING</marquee>
</body>
</html>
OUTPUT:
Code Explanation:
<marquee direction="left" scrollamount="5">
: Scrolls text from right to left.<marquee direction="up" scrollamount="5" style="height: 100px; overflow: hidden;">
: Scrolls text from top to bottom with a fixed height.<marquee direction="right" scrollamount="5">
: Scrolls text from left to right.<marquee direction="down" scrollamount="5" style="height: 100px; overflow: hidden;">
: Scrolls text from bottom to top with a fixed height.