Text Codes

Make the Spacing of Lines Closer Together

<div style="line-height: 10px;">text goes here :)</div>

this code will squish your lines of writing together. This code also, however, will spread them out. All you need to do is add a '-' sign in front of the number in the code. You can also adjust the number to change how close or far apart the lines are.

Squish the Letters Together

<div style="letter-spacing: -3px">text goes here :) </div>

This code will squish your letters together. However, this code will also spread them out. All you have to do is take away the '-' sign in front of the '3'. You can also adjust the number to change how close or far apart the letters are.

Squish the Words Together

<div style="word-spacing:-3px">text goes here :)</div>

This code will squish your words together. However, this code will also spread them out. All you have to do is take away the '-' sign in front of the '3'. You can also adjust the number to change how close or far apart the letters are.

Make Text Huge

<span style="font-size: 215pt; line-height: 115%">text goes here :)</div>

Use this code to make your text incredibly massive. You can change the size font you want by changing the '215' in the code to any number you want. These font sizes are very similar to the ones used on 'Microsoft Word'.

Having Many Different Fonts

<span style="font-family: Corbel; ">text goes here :)</span>

This code will give you just about any font you want! To use this code with any font, all you need to do is change where the code says 'Corbel' to the name of the font you want to use. But if you downloaded the font off the internet, the odds are good that you will be the only one who is able to see it.

Shadowed Text

<span style="text-shadow: purple 1px 1px 3px; ">text goes here :)</span>

This code will give your text a shadow. You can change the color of the shadow by editing where it says 'purple' in the code to any color you want. But if your color has two words, for example, 'sky blue' you would need to squish them together so in the code they read 'skyblue'

Right To Lefts Slide in Text

<marquee behavior="slide" direction="left">text goes here :)</marquee>

This text slides from the right to the left, stopping once it reaches the left side.

Continuous Scrolling Text

<marquee behavior="scroll" direction="left"text goes here :)</marquee>

This text scrolls! It will keep going, over and over and over and over again.

Bouncing Text

<marquee behavior="alternate">text goes here :)</marquee>

This text bounces back and forth!

Vertical Scrolling Text

<marquee behavior="scroll" direction="up">text goes here :)</marquee>

This text scrolls vertically!

Text Scrolling at Various Speeds

<marquee behavior="scroll" direction="right" scrollamount="1">Text for slow speed goes here :)</marquee>
<marquee behavior="scroll" direction="right" scrollamount="10">Text for medium speed goes here :) </marquee>
<marquee behavior="scroll" direction="right" scrollamount="20">Text for fastest speed goes here :)</marquee>

Tortise Hare Cheetah