 1em;
      font-family: monospace;
      page-break-inside: avoid;
    }
    div p {
      margin: 0;
    }

    .control span {
      background: blue;
      color: blue;
    }
    .test span {
      word-spacing: 4em;
      background: orange;
      color: orange;
    }
    .ws-pre p {
      white-space: pre;
    }
  </style>
 </head>
 <body>
   <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>

   <!-- IDEOGRAPHIC SPACE -->
   <div class="ws-normal">
     <p class=