h1: heading

h2: heading

h3: heading

h4: heading

h5: heading
h6: heading

- Texts -

p: This is a paragraph text. Lorem ipsum dolor sit amet, adipiscing elit.

a: This is a text link
b: This is a bold text
strong: This is a strong text
em: This is an emphasized text
i: This is an italic text
small: This is a small text
mark: This is a marked text
s: This is a strikethrough text

sup: superscript | sub: subscript

ruby/rt: 紫陽花あじさい, くるぶし
ruby/rp/rt: 聖剣( エクスカリバー )

code: $x = 'code';
var: x = y.
kbd: KEY
samp: This is a sample text

abbr: abbr txt
q: This is a quoted text
dfn: This is a definition text
ins: This is an inserted text
del: This is a deleted text
cite: This is a citation.
time:


blockquote: This is a blockquote text. - Lorem ipsum dolor sit amet, Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at.

PRE TEXT:
	Lorem ipsum dolor sit amet, Nunc iaculis suscipit dui.
		Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum.

- List -

Unordered List

Ordered List

  1. List item 1
  2. List item 2
    1. Nested List
    2. ...
      1. Nested List
      2. ...

Menu list

  • Menu item 1
  • Menu item 2
  • Menu item 3
  • Definition list

    Definition List Title
    This is a definition list division.
    Definition List Title 2
    This is a definition list division item with a lot more to say.

    - Table -

    Caption
    Header 1 Header 2 Header 3 Header 4
    Cell 1 Cell 2 Cell 3 Cell 4
    Cell 2-1 Cell 2-2 Cell 2-3 Cell 2-4
    Cell 3-1 Cell 3-2 Cell 3-3 Cell 3-4
    Footer 1 Footer 2 Footer 3 Footer 4

    - Others -

    Details and summary

    Lorem ipsum dolor sit amet, Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum.

    Dialog

    Dialog

    This is a dialog.

    Modal

    This is a modal.

    Meter

    2 out of 10

    - Long text -

    日本語:これはテキストの折り返しを確認するためのサンプル文章です。括弧「」や句読点、感嘆符!疑問符?、拗音や促音など小さいひらがな文字の位置に注目してください。チェンソーマンのデンジの台詞を引用します。「最高じゃぁないっすか…」「俺たちの邪魔ァすんなら⚪︎ね!」 「ジジイに教わらなかったかア~?獣が狩人の言葉信じるなってなぁ~!?」 「じゃあ夢バトルしようぜ!夢バトル!!」

    English: This manuscript is intentionally constructed to facilitate the examination of textual line-break peculiarities within varying browser dimensions. By manipulating the horizontal expansiveness of your viewing portal, one can meticulously observe the manifestation of distinct line-break junctures. What character, pray tell, inaugurates this textual composition? "Lorem ipsum dolor sit amet, consectetur adipiscing elit. " is a dummy text.

    長いURL:https://example.com/longslugpage/abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz1234567890


    - Form fields -

    Input fields
    Select menus
    Checkboxes
    Radio buttons

    Textareas
    HTML5 inputs
    50%
    Date inputs
    Buttons

    Input buttons


    - Medias -

    (img, video 自体に display の初期セットはしていませんが、l--flow 直下では display:block となります。)

    Audio

    Image

    img

    Figure

    This is a figure caption.

    Video

    SVG

    Canvas

    canvas

    iframe

    YouTube

    object

    表示されない時の表示: PDF をダウンロード.