title: Google Chrome Browser under Mac and Windows environment for input type=range
body: <p>I am using HTML 5 attribute input type="range" and i need - and + symbols before and after the attribute.</p>
  
  <p>I am not able to align it properly. In MAC if i set the css styling, it doesnt fit to windows. Browser remains the same. Google Chrome.  Here is the jsfiddle.</p>
  
  <p>I am keeping the html and not sharing the css as its not confined to any set of code.</p>
  
  <pre><code>   &lt;label&gt;-&lt;/label&gt;
     &lt;input type="range" name="points" class="rangeClass" min="0" max="10"&gt;
    &lt;label&gt;+&lt;/label&gt;
  </code></pre>
  
  <p>Let me explain the problem again. I am using Google Chrome Browser under Mac and Windows environment. The css styling doesnt fit to both. Still not tested with firefox.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/alaksandarjesus/xo5fsd5s/" rel="nofollow">JSFIDDLE</a>. Updated with css styling for input range.</p>