RenderFlexibleBox {DIV} at (0,0) size 320x240
RenderBlock {DIV} at (0,205) size 320x35
layer at (8,8) size 320x205
+ RenderFlexibleBox {DIV} at (0,0) size 320x205
+layer at (8,8) size 320x205
RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
-layer at (8,8) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,0) size 320x14
- RenderInline {DIV} at (0,0) size 276x18 [bgcolor=#000000CC]
- RenderText {#text} at (24,0) size 272x14
- text run at (24,0) width 272: "Cue 1: should be positioned at the top of the video."
-layer at (8,26) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,18) size 320x14
- RenderInline {DIV} at (0,0) size 302x18 [bgcolor=#000000CC]
- RenderText {#text} at (11,0) size 298x14
- text run at (11,0) width 298: "Cue 2: should be the second cue and not overlap cue 1."
-layer at (8,44) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,36) size 320x14
- RenderInline {DIV} at (0,0) size 298x18 [bgcolor=#000000CC]
- RenderText {#text} at (13,0) size 294x14
- text run at (13,0) width 294: "Cue 3: should become the third line from top to bottom."
-layer at (8,98) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,90) size 320x14
- RenderInline {DIV} at (0,0) size 286x18 [bgcolor=#000000CC]
- RenderText {#text} at (19,0) size 282x14
- text run at (19,0) width 282: "Cue 4: should be fixed positioned around the middle."
-layer at (8,195) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,187) size 320x14
- RenderInline {DIV} at (0,0) size 292x18 [bgcolor=#000000CC]
- RenderText {#text} at (16,0) size 288x14
- text run at (16,0) width 288: "Cue 5: should be displayed at the bottom of the video."
-layer at (8,177) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,169) size 320x14
- RenderInline {DIV} at (0,0) size 280x18 [bgcolor=#000000CC]
- RenderText {#text} at (22,0) size 276x14
- text run at (22,0) width 276: "Cue 6: should be on top of bottom positioned cue 5."
+layer at (8,8) size 320x15 scrollHeight 17
+ RenderBlock (positioned) {DIV} at (0,0) size 320x15
+ RenderInline {DIV} at (0,0) size 280x19 [bgcolor=#000000CC]
+ RenderText {#text} at (22,0) size 276x15
+ text run at (22,0) width 276: "Cue 1: should be positioned at the top of the video."
+layer at (8,27) size 320x15 scrollHeight 17
+ RenderBlock (positioned) {DIV} at (0,19) size 320x15
+ RenderInline {DIV} at (0,0) size 308x19 [bgcolor=#000000CC]
+ RenderText {#text} at (8,0) size 304x15
+ text run at (8,0) width 304: "Cue 2: should be the second cue and not overlap cue 1."
+layer at (8,46) size 320x15 scrollHeight 17
+ RenderBlock (positioned) {DIV} at (0,38) size 320x15
+ RenderInline {DIV} at (0,0) size 304x19 [bgcolor=#000000CC]
+ RenderText {#text} at (10,0) size 300x15
+ text run at (10,0) width 300: "Cue 3: should become the third line from top to bottom."
+layer at (8,103) size 320x15 scrollHeight 17
+ RenderBlock (positioned) {DIV} at (0,95) size 320x15
+ RenderInline {DIV} at (0,0) size 294x19 [bgcolor=#000000CC]
+ RenderText {#text} at (15,0) size 290x15
+ text run at (15,0) width 290: "Cue 4: should be fixed positioned around the middle."
+layer at (8,194) size 320x15 scrollHeight 17
+ RenderBlock (positioned) {DIV} at (0,186) size 320x15
+ RenderInline {DIV} at (0,0) size 296x19 [bgcolor=#000000CC]
+ RenderText {#text} at (14,0) size 292x15
+ text run at (14,0) width 292: "Cue 5: should be displayed at the bottom of the video."
+layer at (8,175) size 320x15 scrollHeight 17
+ RenderBlock (positioned) {DIV} at (0,167) size 320x15
+ RenderInline {DIV} at (0,0) size 286x19 [bgcolor=#000000CC]
+ RenderText {#text} at (19,0) size 282x15
+ text run at (19,0) width 282: "Cue 6: should be on top of bottom positioned cue 5."
layer at (13,213) size 310x30
RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
RenderButton {INPUT} at (9,0) size 30x30
- RenderSlider {INPUT} at (48,11) size 72.97x8
- RenderFlexibleBox {DIV} at (0,0) size 72.97x8 [border: (1px solid #E6E6E659)]
- RenderBlock {DIV} at (1,-8) size 84.97x24
- RenderBlock {DIV} at (-4.81,0) size 32x24
- RenderFlexibleBox {DIV} at (135.97,0) size 26.03x30 [color=#FFFFFF]
- RenderBlock (anonymous) at (0,0) size 26.03x30
- RenderText {#text} at (0,7) size 27x15
- text run at (0,7) width 27: "0:00"
+ RenderSlider {INPUT} at (48,11) size 74x8
+ RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]
+ RenderBlock {DIV} at (1,-8) size 86x24
+ RenderBlock {DIV} at (-4.77,0) size 32x24
+ RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
+ RenderBlock (anonymous) at (0,0) size 25x30
+ RenderText {#text} at (0,7) size 25x16
+ text run at (0,7) width 25: "0:00"
RenderButton {INPUT} at (171,0) size 35x30
RenderSlider {INPUT} at (212,11) size 15x8
RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]