testing/web-platform/tests/webvtt/rendering/cues-with-video/processing-model/selectors/cue/white-space_pre_wrapped-ref.html
author Gary Katsevman <git@gkatsev.com>
Wed, 06 Mar 2019 12:36:46 +0000
changeset 522293 61c94b97adf176b9db3d5eeab23acdd67c8f993e
parent 396402 ee95fa01ccd9d290f446b3f9b15d77f369d7c2f7
child 522313 66b1aba3fb4372ec47986e728b1da9b32dd3d368
permissions -rw-r--r--
Bug 1531337 [wpt PR 15491] - Remove new lines in the reference for 'white-space: pre' tests, a=testonly Automatic update from web-platform-tests Remove new lines in the reference for 'white-space: pre' tests -- overflow hidden each cue -- Merge pull request #15491 from gkatsev/update-webvtt-white-space-pre-references Remove new lines in the reference for 'white-space: pre' tests -- wpt-commits: 26dcd7d8b72152fdaf4c54a48a6d07c93e579ac2, d0b0e694f77b3fe9509e501f254ce0434f6e7692, fb6ed0e160406ef03834a596d2f217665c7d6d52 wpt-pr: 15491

<!DOCTYPE html>
<title>Reference for WebVTT rendering, ::cue, white-space: pre (cue that wraps)</title>
<style>
html { overflow:hidden }
body { margin:0 }
.video {
    display: inline-block;
    width: 320px;
    height: 180px;
    font-size: 9px;
    position: relative
}
.cue {
    position: absolute;
    bottom: 0;
    left: 30%;
    right: 0;
    width: 40%;
    font-family: sans-serif;
    text-align: center;
    overflow: hidden;
}
.cue > span {
    background: rgba(0,0,0,0.8);
    color: white;
    white-space: pre
}
</style>
<div class="video"><span class="cue"><span>A A  A   A	A		A		A	A   A  A A</span></span></div>