title: HTML input fields margin
body: <p>I want to make 3/4 input fields next to each other, with a margin in between. However, using a margin makes the last inputfield too big/too short(using calc).</p>
  
  <p>Been trying to figure out how to do this but can't seem to find a solution</p>
  
  <p>How my current CSS code looks like:</p>
  
  <pre><code>input {
      background-color: darkgreen;
      border: none;
      color: white;
      padding: 5px;
      border-radius: 8px;
      width: calc(33% - 20px);
      box-sizing: border-box;
      margin-right: 20px;
  }
  </code></pre>
  
  <p>Background has a 75% width and padding</p>
  
  <p><a href="https://image.ibb.co/h8EYc0/chrome-2018-11-20-02-36-19.png" rel="nofollow noreferrer">Current result</a></p>
  
  <p><a href="https://image.ibb.co/chZoAL/chrome-2018-11-20-02-36-19.png" rel="nofollow noreferrer">Wanted result</a></p>