Text Generator

Use the following text generator to change the styles of the text on your website. In HTML, text styles is specified using Cascading Style Sheets (CSS). The text generator below automatically creates these properties, as well as your chosen HTML element for enclosing the text.

Text Basics Enter Text: Enter your text into the textbox and customize... Font: (Inherit) Arial, Sans-Serif Arial Black, Sans-Serif Corbel, Sans-Serif Geneva, Sans-Serif Helvetica, Sans-Serif 'Lucida Grande', Sans-Serif Tahoma, Sans-Serif Trebuchet MS, Sans-Serif Verdana, Sans-Serif Sans-Serif (generic) Baskerville, Serif Garamond, Serif Georgia, Serif Times New Roman, Serif Palatino, Serif Serif (generic) Comic Sans MS Copperplate Cursive (generic) Fantasy (generic) Papyrus Brush Script MT Consolas, Monospace Courier, Monospace Courier New, Monospace Monaco, Monospace Monospace (generic) Size: Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Percent OR None (Inherit) XX-Small X-Small Small Medium Large X-Large XX-Large Smaller Larger Italic Bold Small Caps Padding/Margins Padding: (Inherit) Percent Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Margin: (Inherit) Auto Percent Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Colors Text Color: Background: Alignment/Spacing Alignment: (Inherit) Left Center Right Justified Indent: (Inherit) Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Percent Letter-Spacing: (Inherit) Normal Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Word-Spacing: (Inherit) Normal Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Line-Height: (Inherit) Normal Percent Centimeters Millimeters Inches Points Picas Pixels Em Ex Ch Rem Vw Vh Vmin Vmax Decorations Text-Decoration: (Inherit) None Overline Underline Line Through Blink Text-Transform: (Inherit) None UPPERCASE lowercase Capitalize The First Letter Of Each Word Font-Stretch: (Inherit) Ultra-condensed Extra-condensed Condensed Semi-condensed Normal Semi-expanded Expanded Extra-expanded Ultra-expanded

Enter your text into the textbox and customize...

The Code Here is the code that was generated:

Customizing The CSS

The CSS is the code between the <style></style> tags. These are the codes that determine styles of your text. You can change the CSS properties (or add new ones) as you like.

If you intend to use the same styles across many pages (a whole website, for example), you should move them to an external style sheet.