snap-to-line-ref.html (639B)
1 <!DOCTYPE html> 2 <title>Reference for WebVTT rendering, set explicit 'line' and 'position', which will force 'snap-to-line' to false</title> 3 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 4 <style> 5 html { overflow:hidden } 6 body { margin:0 } 7 .video { 8 display: inline-block; 9 width: 320px; 10 height: 180px; 11 position: relative; 12 } 13 .cue { 14 position: absolute; 15 top: 90px; 16 left: 160px; 17 text-align: center; 18 font: 20px/1 Ahem; 19 } 20 .cueText { 21 background: rgba(0,0,0,0.8); 22 color: green; 23 } 24 </style> 25 <div class=video> 26 <div class="cue"> 27 <span class="cueText">foo</span> 28 </div> 29 </div>