css/css-pseudo/reference/selection-intercharacter-012-ref.html

<!DOCTYPE html>

  <meta charset="UTF-8">

  <title>CSS Reftest Reference</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">

  <link rel="stylesheet" href="../support/highlights.css">
  <style>
  div
    {
      font-size: 48px;
      letter-spacing: 1em;
    }

  span#yellow
    {
      background-color: yellow;
    }

  span.orange
    {
      background-color: orange;
    }
  </style>

  <p>Test passes if the background of characters "c" and "t" is orange and if the space between those 2 characters is yellow (and not orange).

  <div class="highlight_reftest"><span id="yellow">Sele<span class="orange">c</span> <span class="orange">t</span>ed</span></div>