float-page-break-inside-avoid-5-print-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html lang="en-US">

<head>

  <title>CSS Test: CSS 2.1 page-break-inside:avoid</title>

  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">

  <meta name="flags" content="paged">

<style type="text/css">

@page { size:5in 3in; margin:0.5in; }

        html,body {

            color:black; background-color:white; font-size:16px; padding:0; margin:0;

p { height: 0.5in; width: 1in; margin:0; background-color:blue; float:left; }

.test { float:left; clear:left; width:3.3in; }

</style>

</head>

<body>

<br style="clear:both">

<div class="test">

<p>1</p><p>2</p><p>3</p>

<p>4</p><p>5</p><p>6</p>

</div>

<div class="test" style="page-break-before:always">

<p>1</p><p>2</p><p>3</p>

<p>4</p><p>5</p><p>6</p>

</div>

<div class="test">

<p>1</p><p>2</p><p>3</p>

<p>4</p><p>5</p><p>6</p>

</div>

</body>

</html>