single_quote-ref.html (539B)
1 <!DOCTYPE html> 2 <title>Reference for WebVTT rendering, single quote should not be levitated</title> 3 <style> 4 html { overflow:hidden } 5 body { margin:0 } 6 .video { 7 display: inline-block; 8 width: 320px; 9 height: 180px; 10 position: relative; 11 font-size: 9px; 12 } 13 .cue { 14 position: absolute; 15 bottom: 0; 16 left: 0; 17 right: 0; 18 text-align: center; 19 color: green; 20 font-family: sans-serif; 21 } 22 .cue > span { 23 background: rgba(0,0,0,0.8); 24 } 25 </style> 26 <div class="video"><span class="cue"><span>'</span></span></div>