Grouping content elements stylesheet test.

This document is for a style check and contains invalid markup.

4.4 Grouping content - HTML Standard

概要

Grouping content elements stylesheet test.

CSS files

  1. root and universal.css
  2. groups.css
  3. groups test.css

P element

A paragraph element.

A Paragraph containing very long words.

123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

Hr element

A paragraph before a hr element.

A paragraph before a hr element.

A paragraph after a hr element.

A paragraph after a hr element.

Pre element

This
  Text
    is
      preformatted.
Super long text.
---------1---------2---------3---------4---------5---------6---------7---------8---------9---------A---------B---------C---------D---------E---------F
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

Test of no generated contents within a pre element.

s, sup, sub, ruby, MathML styles are not overwritten.

em, strong, b, i, mark, small, s,

code, var, samp, kbd,

sup, sub,

q, cite,

ins, del,

rubyrt,

x2+y2=1

Blockquote element

A blockquote without attributes.

A paragraph containing very long words.

123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

A blockquote element with only the cite attribute.

A blockquote element with only the title attribute.

A blockquote element with title and cite attributes.

A blockquote element with a very long cite attribute value and a very long title attribute value.

A pre element in blockquote element.

---------1---------2---------3---------4---------5---------6---------7---------8---------9---------A---------B---------C---------D---------E---------F
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

Test of lang attribute,

This blockquote element has lang='en'.

A quoted sample text.

この blockquote 要素は lang='ja' を持つ

引用された文

Test of no generated contents within a blockquote element.

strong, b

code, var, samp, kbd

q, cite,

ins, del

Ol, ul and li elements

  1. ol list 1
  2. ol list 2
  3. ol list 3
    1. ol in ol - list 1-1
    2. ol in ol - list 1-2
    3. ol in ol - list 1-3
  4. ol list 4
    • ul in ol - list 2-1
    • ul in ol - list 2-2
    • ul in ol - list 2-3

  5. p in li

  6. p in li

    p in li

  7. An ordered list item containing very long words.
  8. 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

Menu element

  • P element
  • Hr element
  • Blockquote element
    •

    Dl, dt and dd elements

    dt 1
    dd 1
    dt 2
    dt 3
    dd 3

    p in dd 4-1

    p in dd 4-2

    This dt element containing very long words.`123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890`
    This dd containing very long words.`123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890`
    Dt element that *grouped by div element*.
    Dd element that *grouped by div element*.
    Dt element that *grouped by div element*.
    Dt element that *grouped by div element*.
    *Non grouped* dt element.
    *Non grouped* dd element.
    *Non grouped* dt element.
    *Non grouped* dd element.

    Figure and figcaption element

    figure と figcaption の sample code

    A paragraph with in figure element.

    <figure>
  <figcaption>Sample code for figure and figcaption.</figcaption>
  <pre class='parent-of-code'>...</pre>
</figure>
    This figcaption element containing very long words. `123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890`

    This figure element containing very long words.

    123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

    Main element

    main contents text.

    H3

    main contents text.

    Div element

    sample text in p

    sample text in p

    This is sample text.
    a, em, strong, small, s, cite, q, dfn, abbr, ruby(rt), data, , code, var, samp, kbd, sup, sub, i, b, u, mark, bdi, bdo, span,
    br, wbr

    sample text in p

    This is sample text.

    This is sample text.

    h3

    This is sample text.