WEBVTT

WEBVTT header text.

NOTE This is a single line comment

NOTE
This is a simple multi line comment

NOTE
One comment that is spanning
more than one line.

NOTE This is a multi-line note block.
with arrow (-->) error,
entity error (&ent),
start tag error (<)
and valid entity (&lt;)

STYLE
::cue(.myclass) <beginfold id='1'>{</beginfold id='1'>
  background-image: linear-gradient(to bottom, dimgray, lightgray);
  color: papayawhip;
<endfold id='1'>}</endfold id='1'>

STYLE
::cue <beginfold id='1'>{</beginfold id='1'>
  <beginfold id='2'>/*</beginfold id='2'> unclosed

00:01.000 --> 00:04.000
Never drink liquid nitrogen.

1 - Title Crawl
00:05.000 --> 00:09.000 line:-10 position:45%,line-right size:60% align:start
Because:
- It will perforate your stomach.
- You could die.

2
00:16.500 --> 00:18.500
When the moon <00:17.500>hits your eye
I like <v Salame>lime.</v>
<lang en-GB>Cyan!</lang>
<c.classname>Cyan!</c>

NOTE nested tag

00:00:08.000 --> 00:00:16.000
bla &ent; <00:17.500> &err bla
bla <b>bold <b> bla &ent; <00:17.500> &err
    <i>bold-italic <i> <b> bla &ent; <00:17.500> &err
    <u>bold-italic-underline <u> <i> <b> bla &ent; <00:17.500> &err
    </u>bold-italic
    </i>bold
    </b>bla
bla <b>bold <b> bla &ent; <00:17.500> &err
    <u>bold-underline <u> <b> bla &ent; <00:17.500> &err
    <i>bold-underline-italic <i> <u> <b> bla &ent; <00:17.500> &err
    </i>bold-underline
    </u>bold
    </b>bla
bla <i>italic <i> bla &ent; <00:17.500> &err
    <b>italic-bold <i> <b> bla &ent; <00:17.500> &err
    <u>italic-bold-underline <u> <i> <b> bla &ent; <00:17.500> &err
    </u>italic-bold
    </b>italic
    </i>bla
bla <i>italic <i> bla &ent; <00:17.500> &err
    <u>italic-underline <u> <i> bla &ent; <00:17.500> &err
    <b>italic-underline-bold <u> <i> <b> bla &ent; <00:17.500> &err
    </b>italic-underline
    </u>italic
    </i>bla
bla <u>underline <u> bla &ent; <00:17.500> &err
    <b>underline-bold <u> <b> bla &ent; <00:17.500> &err
    <i>underline-bold-italic <i> <u> <b> bla &ent; <00:17.500> &err
    </i>underline-bold
    </b>underline
    </u>bla
bla <u>underline <u> bla &ent; <00:17.500> &err
    <i>underline-italic <u> <i> bla &ent; <00:17.500> &err
    <b>underline-italic-bold <u> <i> <b> bla &ent; <00:17.500> &err
    </b>underline-italic
    </i>underline
    </u>bla
