float-in-inline-002.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/CSS2/floats/float-in-inline-002.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Test: Float inside inline box</title>

<link rel="author" href="mailto:obrufau@igalia.com" title="Oriol Brufau">

<link rel="match" href="../../reference/ref-filled-green-200px-square.html">

<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#floats">

<link rel="help" href="https://github.com/servo/servo/issues/46350">

<meta name="assert" content="The float should be placed correctly even if it's inside

    an inline box which is inside another inline box with padding, border and margin.">

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

<div style="position: absolute; z-index: -1; width: 200px; height: 200px; background: red"></div>

<span style="padding: 30px; border: 30px solid transparent; margin: 40px">

  <span>

    <span style="float: left; background: green; width: 200px; height: 200px"></span>

  </span>

</span>