<!doctype html>
<html> 
  <head>
    <title>Horizontal Operators</title>
    <meta charset="utf-8"/>
  </head>
  <body>

    <!-- We test various horizontal operators. They should stretch to cover the
         size of the <mspace> element.
         Note: A font with an OpenType MATH table is required. -->

    <p>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x2190;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x2192;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x2194;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21A4;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21A6;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21BC;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21BD;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21C0;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21D0;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21D2;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21D4;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21DA;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x21DB;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23B4;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23B5;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DC;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DD;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DE;</mo></mover></math>
      <math><mover><mspace width="22px" height="2px" mathbackground="blue"/><mo stretchy="true">&#x23DF;</mo></mover></math>
    </p>

    <p>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x2190;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x2192;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x2194;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21A4;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21A6;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21BC;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21BD;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21C0;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21D0;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21D2;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21D4;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21DA;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x21DB;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23B4;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23B5;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DC;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DD;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DE;</mo></mover></math>
      <math><mover><mspace width="50px" height="2px" mathbackground="green"/><mo stretchy="true">&#x23DF;</mo></mover></math>
    </p>

    <p>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x2190;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x2192;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x2194;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21A4;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21A6;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21BC;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21BD;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21C0;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21D0;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21D2;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21D4;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21DA;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x21DB;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23B4;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23B5;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DC;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DD;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DE;</mo></mover></math>
      <math><mover><mspace width="100px" height="2px" mathbackground="red"/><mo stretchy="true">&#x23DF;</mo></mover></math>
    </p>

  </body>
</html>
