Blitz - WPT: inline-box-border-line-break.html

wpt / css / CSS2 / normal-flow / inline-box-border-line-break.html

/css/CSS2/normal-flow/inline-box-border-line-break.html

<!DOCTYPE html>
<html lang="en">
  <link
    rel="help"
    href="https://drafts.csswg.org/css2/#inline-formatting"
  />
  <link rel="help" href="https://github.com/servo/servo/pull/32486" />
  <link rel="author" href="mrobinson@igalia.com" />
  <link rel="author" href="atbrakhi@igalia.com" />
  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
  <meta name="assert" content="Inline borders should cause content that follows to wrap." />
  <link rel="match" href="inline-box-border-line-break-ref.html" />
  <body>

    <div style="width: 80px; outline: solid 1px black; font: 20px/1 Ahem;">
      xx
      <!- The left border on this span should trigger a line break before the
          final xx. -->
      <span style="border-left: 50px solid transparent">x</span>
      xx
    </div>

  </body>
</html>

/css/CSS2/normal-flow/inline-box-border-line-break-ref.html

<!DOCTYPE html>
<html lang="en">
  <link
    rel="help"
    href="https://drafts.csswg.org/css2/#inline-formatting"
  />
  <link rel="help" href="https://github.com/servo/servo/pull/32486" />
  <link rel="author" href="mrobinson@igalia.com" />
  <link rel="author" href="atbrakhi@igalia.com" />
  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
  <body>

    <div style="width: 80px; outline: solid 1px black; font: 20px/1 Ahem;">
      xx
      <div style="display: inline-block; padding-left: 50px;">x</div>
       xx
    </div>

  </body>
</html>