111
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: | And this is a link image: | ||||||
Tables and lists |
|
|
||||||
Floating an image |
Floating with inline styleLorem 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 classesLorem 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