<!DOCTYPE html>
<html lang="en" >
<meta charset="utf-8">
<title>letter-spacing on zero-width characters</title>
<link rel='author' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact'>
<link rel='help' href='https://www.w3.org/TR/css-text-3/#letter-spacing'>
<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>