| <!DOCTYPE html> | |
| <style> | |
| /* Offset the mask so that the span ends up somewhere in the middle of the | |
| circle, i.e. so that it's fully inside the mask. */ | |
| .mask { -webkit-mask:url(resources/circle.png) -180px -50px no-repeat; } | |
| </style> | |
| <p>The word "PASS" should be seen below, to the right.</p> | |
| <div style="writing-mode:vertical-rl; width:600px;"> | |
| <span class="mask">PASS</span> | |
| </div> |