| <!DOCTYPE html> | |
| <title>Reference for WebVTT rendering, ::cue, white-space: pre</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: 0; | |
| right: 0; | |
| font-family: sans-serif; | |
| text-align: center | |
| } | |
| .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</span></span></div> |