title: How to get two horizontal background colors in one div using linear gradient?
body: <p>I want to have two horizontal background colors in one <code>div</code>. I am using linear-gradient for that but problem here is the fading(mixing) effect between two colors. I want to remove that effect so that I have sharp colors next to each other without any gradient effect or border. Moreover tell me if this code of mine is correct and not likely to cause any problem with any browser I am not good at coding.</p>
  
  <pre><code> background: -moz-linear-gradient( white 35%, black 65%);
   background: -webkit-linear-gradient( white 35%, black 65%);
   background: linear-gradient( white 35%, black 65%);
  </code></pre>