float-page-break-inside-avoid-8-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; height:100%;

.test {

  height:60%;

  float:left;

  clear:left;

  background-color:blue;

</style>

</head>

<body>

<br style="clear:both">

<div class="test">1</div>

<div style="clear:both;">X<br>Y</div>

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

</body>

</html>