HtmlArea Supports HTML 4.0 and CSS 2.1

Contents

  1. Text properties with Backgroundimage
  2. List
  3. External links
  4. Table
  5. Header Content
  6. Image gallery
  7. Form elements
  8. Position-zindex
  9. Invoice report

Text Properties

Underlined. Overlined. Stricken text (linethrough).

This sentence should be underlined, overlined, and stricken.

This paragraph is capitalized and the first letter in each word should therefore appear in uppercase.

This paragraph is uppercased and small characters in the source (e.g. a and å) should therefore appear in uppercase..

This sentence should be left-justified.

This sentence should be right-justified.

This sentence should be centered.

This sentence should be justified, which means that the right and left margins of this paragraph should line up, no matter how long the paragraph becomes; the exception, of course, is the last line, which should be left-justified in Western languages.

The following text content is handling overflow.

Thomas Edison was born in Milan, Ohio, and grew up in Port Huron, Michigan. Edison considered himself to be of Dutch ancestry. My mother was the making of me. She was so true, so sure of me; and I felt I had something to live for, someone I must not disappoint." Much of his education came from reading R.G. Parker's School of Natural Philosophy and The Cooper Union. Edison developed hearing problems at an early age.The cause of his deafness has been attributed to a bout of scarlet fever during childhood and recurring untreated middle ear infections. . In his later years he modified the story to say the injury occurred when the conductor, in helping him onto a moving train, lifted him by the ears. Edison's family was forced to move to Port Huron, Michigan, when the railroad bypassed Milan in 1854,[7] but his life there was bittersweet.Thomas Edison was born in Milan, Ohio, and grew up in Port Huron, Michigan. Edison considered himself to be of Dutch ancestry. My mother was the making of me. She was so true, so sure of me; and I felt I had something to live for, someone I must not disappoint.Edison considered himself to be of Dutch ancestry. My mother was the making of me. She was so true, so sure of me; and I felt I had something to live for, someone I must not disappoint."

List

  1. Ordered Part 1
  2. Ordered Part 2
  3. Ordered Part 3

External Links

  1. Tables
  2. w3schools
  3. CSS

TOP

Table

First name Lastname Age Image
Jill Smith 50 DPDFLogo
Eve Jackson 94 DPDFLogo
John Doe 80 DPDFLogo

Header Content

H1 content

H2 Content

H3 Content

H4 Content

H5 Content
H6 Content

TOP

Image Gallery

Form Elements

First name:
Last name:

I have a bike
I have a car
I have a boat



The following selection content is flattened
Username: Password:

TOP

Stacking order in z-index

DIV #1

position: relative;
z-index: 1;

DIV #2

position: absolute;
z-index: 2;

DIV #3

position: relative;
z-index: 3;

DIV #4

position: absolute;
z-index: 4;

TOP

Northwind Traders
1234 International Drive
Anywhere, Earth AB
Invoice
    Order ID : 10360
  Order Date : 22 Nov 1996
 Customer ID : BLONP
Shipped Date : 2 Dec 1996
 Shipped Via : Federal Shipping
Bill To
Blondesddsl père et fils
24, place Kléber
Strasbourg, 67000
France
Ship To
Blondesddsl père et fils
24, place Kléber
Strasbourg, 67000
France
Quantity Description Unit Price Price
30 Rössle Sauerkraut 36.40 1,092.00
35 Thüringer Rostbratwurst 99.00 3,465.00
10 Côte de Blaye 210.80 2,108.00
35 Maxilaku 16.00 560.00
28 Tourtière 5.90 165.20
Thank you for your purchase.
We appreciate your business.
Sub Total 7,390.20
Freight 131.70
Total 7,521.90
TOP
Some of the content used in this example is from http://www.w3schools.com/