javascript - Reduce the Spacing between vertically aligned input ranges -

i want create simple equalizer gui using html , css , maybe js. problem how can edit spacing between before , after vertical input range? can see when aligning multiple sliders take space. how deal this?? html part put each individual input element in div can align them next each other using 'inline-block' , in code pasted below

input.vertical {                  -webkit-appearance: slider-vertical;                  writing-mode: bt-lr;              }              .aligned {                  display: inline-block;              }              .block{                  display: block;              }              input[type=range]{                  padding-left: 0px;                  padding-right: 0px;              }

<div class="aligned">              <p>gain</p>              <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">          </div>          <div class="aligned">              <p>gain</p>              <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">          </div>          <div class="aligned">              <form>                  <label class="block"><input type="radio" name="radgroup" value="a"></label>                  <label class="block"><input type="radio" name="radgroup" value="a"></label>                  <label class="block"><input type="radio" name="radgroup" value="a"></label>                  <label class="block"><input type="radio" name="radgroup" value="a"></label>                  <label class="block"><input type="radio" name="radgroup" value="a"></label>              </form>          </div>          <div class="sf-container">              <div class="aligned" style="padding-right: 0px; margin-left:0px; display: inline-block;">                  <p>subsonic filter</p>                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>              <div class="aligned">                  <input  type="range" id="fader" min="0" value="100" max="100" step="5" oninput="outputupdate(value)" class="vertical" orient="vertical">              </div>          </div>

what specifying width?

 input.vertical {     -webkit-appearance: slider-vertical;     width: 30px;  } 

http://codepen.io/paulcredmond/pen/orvbrp