title: HTML Vertical Slider Element
body: <p>hopefully a quick one - why is my slider element not orientating vertically?  What am I missing?</p>
  
  <p>Thank you!</p>
  
  <p>CSS</p>
  
  <pre><code>div.CRHslider{
  -webkit-appearance: slider-vertical;
      data-orientation="vertical";
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="CRHslider"&gt;
  Control Rod Height
  &lt;br&gt;
  0% &lt;input type="range" name="ControlRodHeight" min="0" max="100" value="0" 
  onchange="updateCRHSlider(this.value)" class="vertical" orient="vertical"/&gt; 100%
  &lt;/div&gt;
  </code></pre>