🚀 Hurry! Offer Ends In
00 Days
00 Hours
00 Mins
00 Secs
Enroll Now
X
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.
Report an error
Latest Updates