<!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;} p { margin: 3px 0; background:pink; } .no-border p { margin: 0; } .columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; background-color:lime; margin: 0em; border: 1px solid black; } .no-border { border-width: 0; } </style> </head> <body> <div class="columns no-border" style="padding:10px 0;background:none"></div> <div class="columns"> <div style="padding-top:7px"><p>1</p></div> <p>2</p> <p>3</p> </div> <div class="columns no-border" style="padding:10px 0;background:none"><p></p></div> <div class="columns"> <div style="padding-bottom:10px"><p>1</p></div> <p>2</p> <div style="padding-bottom:17px"><p>3</p></div> </div> <div class="columns"> <div style="padding:7px 0 0 0"><p>1</p></div> <p>2</p> <p>3</p> </div> <div class="columns"> <div style="padding:17px 0 0 0"><p>1</p></div> <p>2</p> <p>3</p> </div> <div class="columns"> <p style="margin:0"></p> <p style="margin:0"></p> <p style="margin:0"></p> </div> <div class="columns no-border"> <div style="padding-top:10px"><p>1</p></div> <p>2</p> <div style="padding-bottom:20px"><p>3</p></div> </div> <div class="columns no-border"> <div style="padding-top:3px"><p>1</p></div> <p>2</p> <div style="padding-bottom:0px"><p>3</p></div> </div> <div class="columns no-border"> <div style="padding:10px 0 0 0"><p>1</p></div> <p>2</p> <p>3</p> </div> <div class="columns no-border"> <div style="padding:20px 0 0 0"><p>1</p></div> <div style="padding:0 0 20px 0"><p>2</p></div> <p>3</p> </div> <div class="columns no-border"> <p style="margin:0"></p> <p style="margin:0"></p> <p style="margin:0"></p> </div> </body></html>