1133945-1-vertical-align.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8">

    <title>Test for bug 1133945</title>

    <style>

      body { writing-mode: vertical-rl; line-height: 60px; }

      div { display: inline-block; width: 20px; height: 10px; background: blue; }

      .a { vertical-align: initial; }

      .b { vertical-align: middle; }

      .c { vertical-align: 0; }

      .d { vertical-align: -20px; }

      .e { vertical-align: 20px; }

    </style>

  </head>

  <body>

    a <div class="a"></div> b <div class="b"></div> c <div class="c"></div>

    d <div class="d"></div> e <div class="e"></div>

  </body>

</html>