title: How to create four even and fluid css columns?
body: <p>I currently have 3 columns that are fluid but they're not even.
  I would like to create Four 25% columns that work full width and are fluid.
  looked and tried all possible solutions here but ran into a wall.</p>
  
  <p>Here's my CSS</p>
  
  <pre><code>body {
      margin:0;
      padding:0;
      border:0;
      width:100%;
      background:#FFFFFF;
      min-width:890px;   
  </code></pre>
  
  <p>}</p>
  
  <pre><code>.threecol .col1 {
      width:46%;
      left:102%;
  }
  .threecol .col2 {
      width:21%;
      left:31%;
  }
  .threecol .col3 {
      width:21%;
      left:85%;
  }
  </code></pre>
  
  <p>the bottom is for the 3 columns, </p>
  
  <p>any ideas on making 3 even columns and 4 even columns as well will be awesome! HIGHLY appreciated :)</p>