Introducing my h1 tag that has linked, embedded, and inline style!

There are 3 styles controlling this first h1 tag:

  1. Linked: display in bold, and show a black emphasis color for the word 'and'
  2. Embedded: have a light blue background (overrules yellow background from linked style sheet)
  3. Inline: show an underline, 22px font-size (overrides embedded 18px, which overrides linked 16px), Arial or sans-serif font (overrides font-family in embedded, which overrides linked), and have a color of Royal Blue (overrides color in embedded, which overrides color in linked).

I am an h1 tag with embedded and linked style, and none of that inline stuff!

I am an h1 tag with embedded and linked style, and none of that inline stuff!

I am an h1 tag with embedded and linked style, and none of that inline stuff!

There are 2 styles controlling these tags:

  1. Linked: display in bold, and show a black empahsis color for the word 'inline'
  2. Embedded: have a font color of dark slate gray with a light gray background (overrides linked lime green with yellow background), use a Times New Roman or serif font (which overrides the linked style Courier font)

And I am an h1 tag that is just using linked style. No inline or ebedded for me!

And I am an h1 tag that is just using linked style. No inline or ebedded for me!

And I am an h1 tag that is just using linked style. No inline or ebedded for me!

There is just one style controlling this h1 tag: inline (via a class since it appears more than once)!!

Valid XHTML 1.0 Strict Valid CSS!