title: CSS3 Gradients: How to make a 1px wide line
body: <p>I want to make a CSS3 gradient that consists of a 1px line.</p>
  
  <p>How can I do this?</p>
  
  <p>I have tried the following code, but the gradient that is produced is too thick:</p>
  
  <pre><code>background-image: linear-gradient(left , rgb(255,255,255) 50%, rgb(209,209,209) 50%, rgb(255,255,255) 51%);
  </code></pre>
  
  <p>(see <a href="http://jsfiddle.net/KRvER/" rel="nofollow">here</a>)</p>
  
  <p>How can I make the line smaller, so its only 1px wide? The percentage values seem to control the positioning of the line, but no matter how much I adjust them, I can't get it to 1px wide!</p>
  
  <p>(Essentially, I am using the line to act as a 'faux columns' background [i.e. to visually separate a left and right column. (Although, to keep the jsFiddle simple, I have removed the columns)] I know there are other ways of doing columns, but this method is the best for my situation)</p>
  
  <p>EDIT: Just to clarify, this is for a slightly odd use case, where the width has to be 100% and no psudeo-elements can be used. </p>