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

Title Description 1 Description 2
Inline styles Using 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 images This is a text link and this is an image: laughing And this is a link image: smiley
Tables and lists
First cell Second column Upper corner
Bottom row Middle bottom Right 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