Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/italic_object/italic_white-space_normal_wrapped-ref.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/italic_object/italic_white-space_normal_wrapped-ref.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/italic_object/italic_white-space_normal_wrapped-ref.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a765d9f76ef89d37eb48285f2554177a219cd4e3 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/italic_object/italic_white-space_normal_wrapped-ref.html |
@@ -0,0 +1,29 @@ |
+<!DOCTYPE html> |
+<title>Reference for WebVTT rendering, italic object, ::cue(i), white-space: normal (cue that wraps)</title> |
+<style> |
+html { overflow:hidden } |
+body { margin:0 } |
+.video { |
+ display: inline-block; |
+ width: 1280px; |
+ height: 720px; |
+ font-size: 36px; |
+ position: relative |
+} |
+.cue { |
+ position: absolute; |
+ bottom: 0; |
+ left: 25%; |
+ right: 0; |
+ width: 50%; |
+ text-align: center; |
+} |
+.cue > span { |
+ font-family: sans-serif; |
+ background: rgba(0,0,0,0.8); |
+ color: white; |
+ font-style: italic; |
+ white-space: normal |
+} |
+</style> |
+<div class="video"><span class="cue"><span>This is a test subtitle that most likely will span over several rows since it's a pretty long cue with a lot of text.</span></span></div> |