inline--display-inline-block--01.xhtml

Enable keyboard shortcuts

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 -->

    <title>Test: display:inline-block with width="51" height="51"</title>

    <link rel="stylesheet" type="text/css" href="ahem.css" />

    <!--

    This testcase checks that SVG embedded inline with display:inline-block is

    positioned correctly.

-->

  </head>

  <body style="font: 10px/12px Ahem">

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    <svg xmlns="http://www.w3.org/2000/svg" width="51" height="51"

         style="display:inline-block; padding:0; border:1px solid blue; margin:0;">

      <rect width="100%" height="100%" fill="blue"/>

    </svg>

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

    Padding text. Padding text. Padding text. Padding text. Padding text.

  </body>

</html>