Attachment 339348 Details for Bug 185220 – The html that exhibits the bug

The html that exhibits the bug

floating-image-columns-bug.html (text/html), 3.49 KB, created by Brad Andalman on 2018-05-02 14:56:25 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Brad Andalman

Created: 2018-05-02 14:56:25 PDT

Size: 3.49 KB

patch

obsolete

><html>
><head>
>  <title>In Transit</title>
>  <meta charset="UTF-8">
>  <style type="text/css">
>    body {
>        width: 578px;
>        height: 963px;
>        margin-top: 0px;
>        column-width: 578px;
>        column-gap: 50px;
>    }
>    p {
>        text-align: justify;
>        text-indent: 2em;
>        margin-top:0;
>        margin-bottom:0;
>        line-height: 1.4;
>        font-size: 16pt;
>    }
>    .caption {
>        text-align: center;
>        font-style: italic;
>        font-size: 90%;
>        margin-top:5px;
>    }
>
>    .inline-image {
>        float:left;
>        
>        /* Setting page-break-inside: avoid seems to trigger the layout bug */
>        page-break-inside: avoid;
>    }
>  </style>
></head>
><body>
><p>Pok pok four loko distillery, selfies actually disrupt jean shorts tumeric lyft helvetica. Skateboard cold-pressed post-ironic ethical marfa, activated charcoal irony truffaut +1 offal. Air plant blog pok pok hot chicken direct trade, whatever post-ironic. Gastropub quinoa edison bulb dreamcatcher schlitz put a bird on it, lomo tousled butcher kickstarter bespoke street art health goth try-hard. Etsy iceland cliche, hot chicken forage activated charcoal.</p>
>
><p>Kickstarter chia DIY, semiotics 90's copper mug salvia whatever microdosing iPhone neutra wayfarers retro chillwave snackwave. DIY tumblr fixie brunch. Brunch chambray cornhole, four dollar toast post-ironic edison bulb church-key bushwick godard. Venmo pickled listicle readymade distillery poke. Mlkshk bespoke vexillologist, blue bottle portland meditation bitters chicharrones yr XOXO. Occupy typewriter etsy williamsburg, franzen four dollar toast venmo mlkshk lo-fi craft beer. Etsy migas put a bird on it bicycle rights, chia vexillologist.
></p>
>
><figure class="inline-image">
>  <img src="https://s3.amazonaws.com/180g/webkit-bugs-images/blue-box.jpg" height="484">
>  <figcaption class="caption">A blue box</figcaption>
></figure>
>
><p>Single-origin coffee disrupt cred jianbing gentrify. Hammock cred dreamcatcher, cardigan offal yuccie drinking vinegar organic lyft deep v subway tile wayfarers keffiyeh sartorial. Kogi kombucha tousled, tacos pork belly sriracha flexitarian hell of fingerstache kinfolk mumblecore. Retro roof party lomo, PBR&B edison bulb paleo readymade actually vinyl chicharrones iceland poke. Raw denim jean shorts YOLO DIY cold-pressed umami, meggings offal fingerstache celiac. Humblebrag seitan truffaut, organic williamsburg pinterest fingerstache. Vexillologist deep v organic readymade bushwick hoodie. Tumblr stumptown bushwick snackwave, leggings freegan trust fund next level small batch messenger bag skateboard cardigan. Waistcoat blog squid, taxidermy beard crucifix tousled pour-over salvia PBR&B snackwave fam aesthetic seitan. Skateboard tilde try-hard iceland vegan. Taxidermy pop-up fanny pack, umami brunch occupy viral truffaut lyft af swag letterpress 90's cold-pressed. Meh intelligentsia pug, man braid vinyl typewriter tumblr paleo. Stumptown shoreditch artisan gastropub normcore tousled, waistcoat before they sold out knausgaard brooklyn tbh hella af tote bag. Iceland godard aesthetic, hashtag four dollar toast man bun meggings cornhole pork belly raclette chambray lyft cliche. Post-ironic lomo narwhal trust fund, bicycle rights ugh gochujang beard fap flannel typewriter activated charcoal quinoa sustainable farm-to-table. Tousled mustache schlitz tote bag waistcoat kitsch. Flexitarian franzen poke, intelligentsia man braid live-edge bicycle rights la croix post-ironic williamsburg sartorial.
></p>
>
></body>
></html>
>

<html>
<head>
  <title>In Transit</title>
  <meta charset="UTF-8">
  <style type="text/css">
    body {
        width: 578px;
        height: 963px;
        margin-top: 0px;
        column-width: 578px;
        column-gap: 50px;
    }
    p {
        text-align: justify;
        text-indent: 2em;
        margin-top:0;
        margin-bottom:0;
        line-height: 1.4;
        font-size: 16pt;
    }
    .caption {
        text-align: center;
        font-style: italic;
        font-size: 90%;
        margin-top:5px;
    }

    .inline-image {
        float:left;
        
        /* Setting page-break-inside: avoid seems to trigger the layout bug */
        page-break-inside: avoid;
    }
  </style>
</head>
<body>
<p>Pok pok four loko distillery, selfies actually disrupt jean shorts tumeric lyft helvetica. Skateboard cold-pressed post-ironic ethical marfa, activated charcoal irony truffaut +1 offal. Air plant blog pok pok hot chicken direct trade, whatever post-ironic. Gastropub quinoa edison bulb dreamcatcher schlitz put a bird on it, lomo tousled butcher kickstarter bespoke street art health goth try-hard. Etsy iceland cliche, hot chicken forage activated charcoal.</p>

<p>Kickstarter chia DIY, semiotics 90's copper mug salvia whatever microdosing iPhone neutra wayfarers retro chillwave snackwave. DIY tumblr fixie brunch. Brunch chambray cornhole, four dollar toast post-ironic edison bulb church-key bushwick godard. Venmo pickled listicle readymade distillery poke. Mlkshk bespoke vexillologist, blue bottle portland meditation bitters chicharrones yr XOXO. Occupy typewriter etsy williamsburg, franzen four dollar toast venmo mlkshk lo-fi craft beer. Etsy migas put a bird on it bicycle rights, chia vexillologist.
</p>

<figure class="inline-image">
  <img src="https://s3.amazonaws.com/180g/webkit-bugs-images/blue-box.jpg" height="484">
  <figcaption class="caption">A blue box</figcaption>
</figure>

<p>Single-origin coffee disrupt cred jianbing gentrify. Hammock cred dreamcatcher, cardigan offal yuccie drinking vinegar organic lyft deep v subway tile wayfarers keffiyeh sartorial. Kogi kombucha tousled, tacos pork belly sriracha flexitarian hell of fingerstache kinfolk mumblecore. Retro roof party lomo, PBR&B edison bulb paleo readymade actually vinyl chicharrones iceland poke. Raw denim jean shorts YOLO DIY cold-pressed umami, meggings offal fingerstache celiac. Humblebrag seitan truffaut, organic williamsburg pinterest fingerstache. Vexillologist deep v organic readymade bushwick hoodie. Tumblr stumptown bushwick snackwave, leggings freegan trust fund next level small batch messenger bag skateboard cardigan. Waistcoat blog squid, taxidermy beard crucifix tousled pour-over salvia PBR&B snackwave fam aesthetic seitan. Skateboard tilde try-hard iceland vegan. Taxidermy pop-up fanny pack, umami brunch occupy viral truffaut lyft af swag letterpress 90's cold-pressed. Meh intelligentsia pug, man braid vinyl typewriter tumblr paleo. Stumptown shoreditch artisan gastropub normcore tousled, waistcoat before they sold out knausgaard brooklyn tbh hella af tote bag. Iceland godard aesthetic, hashtag four dollar toast man bun meggings cornhole pork belly raclette chambray lyft cliche. Post-ironic lomo narwhal trust fund, bicycle rights ugh gochujang beard fap flannel typewriter activated charcoal quinoa sustainable farm-to-table. Tousled mustache schlitz tote bag waistcoat kitsch. Flexitarian franzen poke, intelligentsia man braid live-edge bicycle rights la croix post-ironic williamsburg sartorial.
</p>

</body>
</html>

Actions: View

Attachments on bug 185220: 339348 | 339349 | 339350 | 339352