You can edit this demo text!

Basic usage: Paste your documents in the visual editor on the left or your HTML code in the source editor in the right.
Edit any of the two areas and see the other changing in real time. 

Use the table below to test most of the features

TitleDescription 1Description 2
Inline stylesUsing inline styles in your HTML document is a bad practice because they break the default styles of the website!Use classes and IDs instead!

 
Setting margins   Do not use        spaces      or       empty paragraphs

 

       to set vertical and horizontal           gaps.

←|  Use margin,    padding,   →|
and line-height instead
Links and imagesThis is a text link and this is an image: laughingAnd this is a link image: smiley
Tables and lists
First cellSecond columnUpper corner
Bottom rowMiddle bottomRight corner
  1. Demonstrating an ordered list
  2. These are special characters: ☺ ★ ><
  3. item 2
Floating an image

Floating with inline style

CastleLorem ipsum dolor sit amet, nonumes voluptatum mel ea, cu case ceteros cum. Novum commodo malorum vix ut. Dolores consequuntur in ius, sale electram dissentiunt quo te. Cu duo omnes invidunt, eos eu mucius fabellas. Stet facilis ius te, quando voluptatibus eos in. Ad vix mundi alterum, integre urbanitas intellegam vix in.

Floating with classes

DoverLorem ipsum dolor sit amet, nonumes voluptatum mel ea, cu case ceteros cum. Novum commodo malorum vix ut. Dolores consequuntur in ius, sale electram dissentiunt quo te. Cu duo omnes invidunt, eos eu mucius fabellas. Stet facilis ius te, quando voluptatibus eos in. Ad vix mundi alterum, integre urbanitas intellegam vix in.


Set up the cleaning options and click the Clean button, try the Tag manager, or experiment with the Find and replace tool.

You can always access this demonstration text clicking the DEMO menu item.


© htmlg.com