minerva/Tests/LibWeb/Layout/input/block-and-inline/float-stress-1.html at 1d53ae1d6f7d460e411d0c3e9ba48f0e7b6160b9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Layout / input / block-and-inline / float-stress-1.html

minerva on 13 Jul 1 KB Initial commit

Raw Blame History

<!DOCTYPE html>
<html>
  <head>
    <title>float horror show</title>
    <style type="text/css">
      html {
        font: 16px/1 'MinervaSans';
      }

      .outer {
        border: 1px solid black;
        width: 300px;
        height: 250px;
      }

      .one {
        float: left;
        height: 50px;
        width: 200px;
        margin: 0;
        border: 1px solid black;
        background-color: #fc0;
      }
      .two {
        float: right;
        height: 50px;
        width: 200px;
        margin: 0;
        border: 1px solid black;
        background-color: pink;
      }
      .lefty {
        float: left;
        height: 50px;
        width: 50px;
        margin: 0;
        border: 1px solid black;
        background-color: lime;
      }
      .righty {
        float: right;
        height: 30px;
        width: 30px;
        margin: 0;
        border: 1px solid black;
        background-color: magenta;
      }
</style></head><body>
    <div class=outer>
        foo bar baz foo bar baz
        <div class=lefty></div>
        <div class=one></div>
        <div class=two></div>
        foo bar baz foo bar baz
        foo bar baz foo bar baz
        <div class=righty></div>
        foo bar baz foo bar baz
        foo bar baz foo bar baz
        foo bar baz foo bar baz
        <div class="lefty shwifty"></div>
        foo bar baz foo bar baz
        <div class=righty></div>
        foo bar baz foo bar baz
        foo bar baz foo bar baz
        foo bar baz foo bar baz
        foo bar baz foo bar baz
        foo bar baz foo bar baz
        foo bar baz foo bar baz