How to Make a Scrolling Marquee in HTML

Intermediate 1 hour 16 steps 34439 views Rating: 4.6/5 Published: 2026-02-17

If you're on a Mac, download the latest version of webkit.. If you're using Windows, download the developer toolset.. Add a CSS reference to your HTML file.

Start Playback
S
Author

Steps

1

If you're on a Mac, download the latest version of webkit.

Step 1

If you're on a Mac, download the latest version of webkit.

2

If you're using Windows, download the developer toolset.

Step 2

If you're using Windows, download the developer toolset.

3

Add a CSS reference to your HTML file.

Step 3

Add a CSS reference to your HTML file.

4

Create a "div" line in your HTML file.

Step 4

Create a "div" line in your HTML file.

5

Save your HTML file.

Step 5

Save your HTML file.

6

Open a separate text document for your CSS style sheet.

Step 6

Open a separate text document for your CSS style sheet.

7

Set values to define the marquee.

Step 7

Set values to define the marquee.

8

Set an 'overflow' on a new line.

Step 8

Set an 'overflow' on a new line.

9

Save your CSS file.

Step 9

Save your CSS file.

10

Open your HTML file with your browser.

Step 10

Open your HTML file with your browser.

11

Open your HTML document.

Step 11

Open your HTML document.

12

Set a background color.

Step 12

Set a background color.

13

Set a scrolling direction.

Step 13

Set a scrolling direction.

14

Specify the number of loops for your marquee.

Step 14

Specify the number of loops for your marquee.

15

Specify the marquee text.

Step 15

Specify the marquee text.

16

Load your HTML file.

Step 16

Load your HTML file.

View as Slideshow

Rate This Guide

★ ★ ★ ★ ☆ 4.6/5
3

Comments (0)

No comments yet. Be the first to share your thoughts!