<!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>616722-2</title> <style type="text/css"> body,html { margin:0;padding: 10px; font: 20px/1 sans-serif; } 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: 3; column-count: 3; } </style> </head> <body> <div class="columns no-border" style="margin:10px 0"></div> <div class="columns"> <p style="margin-top:10px">1</p> <p>2</p> <p>3</p> </div> <div class="columns no-border" style="padding:10px 0;background:none"><p></p></div> <div class="columns"> <p style="margin-bottom:10px">1</p> <p>2</p> <p style="margin-bottom:20px">3</p> </div> <div class="columns"> <p style="margin:10px 0">1</p> <p>2</p> <p>3</p> </div> <div class="columns"> <p style="margin:20px 0 10px 0">1</p> <p>2</p> <p>3</p> </div> <div class="columns"> <p style="margin:20px 0 10px 0"></p> <p></p> <p style="margin:20px 0 10px 0"></p> </div> <div class="columns no-border"> <p style="margin-top:10px">1</p> <p>2</p> <p style="margin-bottom:20px">3</p> </div> <div class="columns no-border"> <p style="margin-bottom:10px">1</p> <p>2</p> <p>3</p> </div> <div class="columns no-border"> <p style="margin:10px 0">1</p> <p>2</p> <p>3</p> </div> <div class="columns no-border"> <p style="margin:20px 0 10px 0">1</p> <p>2</p> <p style="margin:20px 0 10px 0">3</p> </div> <div class="columns no-border"> <p style="margin:20px 0 10px 0"></p> <p></p> <p style="margin:20px 0 10px 0"></p> </div> </body></html>