<!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>616722-1</title> <style type="text/css"> body,html { margin:0;padding: 10px;} p { margin: 3px 0; background:pink; } div { background-color:lime; margin: 0em; border: 1px solid black; } .no-border { border-style: none; } .columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } </style> </head> <body> <div class="columns"> <p style="margin-top:10px">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns"> <p style="margin-bottom:10px">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns"> <p style="margin:10px 0">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns"> <p style="margin:20px 0 10px 0">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns"> <p style="margin:20px 0 10px 0"></p> </div> <div class="columns no-border"> <p style="margin-top:10px">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns no-border"> <p style="margin-bottom:10px">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns no-border"> <p style="margin:10px 0">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns no-border"> <p style="margin:20px 0 10px 0">The quick brown fox jumps over the lazy dog.</p> </div> <div class="columns no-border"> <p style="margin:20px 0 10px 0"></p> </div> </body></html>