HTML Codes

Hi Guys, my other codes didnt work.. So I tried some other ones which I guarntee will work.YOU NEED MOZILLA FIREFOX! Paste these codes into:

htmledit.squarefree.com
Text HTML: 
<span style="color: #F0000 ; font-family: &quot;Century Gothic&quot;; font-size: 14pt;">Write your text here.

Background HTML:
<p style="background: #000000; padding: 0px; margin: 0; text-align: center; line-height: 20px;">Write your text here.</p>
 
The bits highlighted purple you can change, by the way.. If you want a presantation with a background and fonted text then add thes two codes together!
 
Squashed Text!:
 
letter-spacing: 0.0pt; - you need to add this after the font size. eg: font-size: 14pt; letter-spacing: -3.5pt;">
 
Shadows!:
 
text-shadow: 1px 1px 1px #000000;"> - This should be placed after the letter spacing eg: letter-spacing: -2.4; text-shadow: 2px 3px 4px #000000;">Text here
 
Borders:
 
<p style="border: solid 3px #000000; - after you've written this, to add in a background just add in background: #cccccc;
 
Middle Border:
 
<p " style="border: 1px solid #000000; width: 200px; height: 200px; background-color: pink; margin: auto; text-align: center;"><br> <br> <br> Chloe <3</p>
 
Scroll Box:
 
<p style="white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: auto; width: 200px; height: 200px; background-color: white; text-align: center; padding: 0px; margin: auto; border: 2px dotted black;">-Elleeae
 
RainBow Effect:
 
<p style="background: red; padding: 0px; margin: 0; text-align: center; line-height: 1px;">.</p> - Just keep making as many as you like of these and it creates a rainbow effect, or you could use WORD - but the shadows and other HTMLS will be effected.
 
Credit Elleeae AKA Chloe