title: css add spacing between columns
body: <p>I have four columns and I am trying to add space between them but when I put padding into the css the columns are still close and the padding is added within the columns. What am I doing wrong.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/* Create four columns of equal width */
  .columns {
      float: left;
      width: 25%;
      padding: 8px 10px;
      opacity: .8;
      background-color: grey;
      border: 2px solid #eee;
      text-align: center;
      box-sizing: border-box;
      -webkit-transition: 0.3s;
      transition: 0.3s;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>        &lt;div class="columns"&gt;
            &lt;%= image_tag("sign-up.ico", align: "center", class:"ico") %&gt;
            &lt;h5&gt;Sign-Up&lt;/h5&gt;&lt;/br&gt;
            &lt;p&gt;Create A &lt;u&gt;FREE&lt;/u&gt; Account to make rent payments to your landlord&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="columns"&gt;
            &lt;%= image_tag("cash_wallet.ico", class:"ico") %&gt;
            &lt;h5&gt;Make your rent payments&lt;/h5&gt;&lt;/br&gt;
            &lt;p&gt;Make rent payments thru your LikeHome account &amp; we report history to all 3 credit bureaus&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="columns"&gt;
            &lt;%= image_tag("piggy_bank.ico", align: "center", class:"ico") %&gt;
            &lt;h5&gt;Pay a little extra&lt;/h5&gt;&lt;/br&gt;
            &lt;p&gt;You choose an additional payment amount (as low as $25 per month) to be drafted with your rent that goes into escrow&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="columns"&gt;
            &lt;%= image_tag("handshake.ico", align: "center", class:"ico") %&gt;
            &lt;h5&gt;Get qualified&lt;/h5&gt;&lt;/br&gt;
            &lt;p&gt;The extra money will be held by LikeHome and when ready, we will notify you that you qualify for a mortgage. Use your down payment savings to buy!&lt;/p&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>