Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/letter-spacing/letter-spacing-202.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html lang="en" >
<meta charset="utf-8">
<title>letter-spacing on zero-width characters</title>
<link rel='match' href='reference/letter-spacing-202-ref.html'>
<meta name="assert" content="Letter spacing ignores zero-width formatting characters.">
<style type='text/css'>
@import "/fonts/ahem.css";
.test { letter-spacing: 1em; float: left; color: green; background: red; font: 20px/1 Ahem; }
.spacing { position: absolute; width: 1em; height: 2em; margin: 0 1em; background: green; }
</style>
<div id='instructions'>Test passes if there is a green rectangle below and no red.</div>
<div class="test">
<div class="spacing"></div>
<!--
-->​‌‍<!-- zwsp etc.
-->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi
--><!-- Arabic/compat
-->⁠⁡⁢⁣⁤<!-- math
-->x<!--
-->​‌‍<!-- zwsp etc.
-->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi
--><!-- Arabic/compat
-->⁠⁡⁢⁣⁤<!-- math
-->x<!--
-->​‌‍<!-- zwsp etc.
-->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi
--><!-- Arabic/compat
-->⁠⁡⁢⁣⁤<!-- math
--><br>
<!--
-->​‌‍<!-- zwsp etc.
-->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi
--><!-- Arabic/compat
-->⁠⁡⁢⁣⁤<!-- math
-->xx<!--
-->​‌‍<!-- zwsp etc.
-->‎‏⁦⁧⁨‪‫‬‭‮⁩⁩<!-- bidi
--><!-- Arabic/compat
-->⁠⁡⁢⁣⁤<!-- math
-->
</div></div>