Facebook
From Morose Echidna, 7 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 324
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. .newspaper {
  6.         width: 400px;
  7.    
  8.     -webkit-column-width: 100px; /* Chrome, Safari, Opera */
  9.     -moz-column-width: 100px; /* Firefox */  
  10.     column-width: 100px;
  11.    
  12.     -webkit-column-gap: 5px; /* Chrome, Safari, Opera */
  13.     -moz-column-gap: 5px; /* Firefox */
  14.     column-gap: 5px;
  15. }
  16. .box {
  17.         display: inline-block;
  18.     width: 100%;
  19.     margin-bottom: 5px;
  20.     padding: 10px;
  21.    
  22.     -moz-box-sizing: border-box;
  23.     -webkit-box-sizing: border-box;
  24.     box-sizing: border-box;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29.  
  30. <div class="newspaper">
  31.         <div class="box" style="background-color: red; height: 100px;">1</div>
  32.     <div class="box" style="background-color: green; height: 150px;">2</div>
  33.     <div class="box" style="background-color: red; height: 150px;">3</div>
  34.     <div class="box" style="background-color: green; height: 150px;">4</div>
  35.     <div class="box" style="background-color: red; height: 255px;">5</div>
  36.     <div class="box" style="background-color: green; height: 100px;">6</div>
  37.     <div class="box" style="background-color: red; height: 150px;">7</div>
  38.     <div class="box" style="background-color: green; height: 150px;">8</div>
  39.    
  40. </div>
  41.  
  42. </body>
  43. </html>
  44.