Just make the <div>
that holds that value a <span>
so it displays inline
:
<p>
<label for="range">Select Age:</label>
<input type="range" min="14" max="60" id="slider" value="10" name="range">
<span id="output"></span>
</p>
See this Plunk: http://plnkr.co/edit/ELffjF?p=preview
Alternatively, you could use css to set that <div>
to display:inline
, but that'd be an anti-patten IMHO, seeing as <span>
exists, and is, by default display:inline