jquery - I'm trying to align my text values next to my slider bar but having issues -


i've been working on problem few hours now. (i'm terrible when comes css)

i have these 2 jquery sliders values. i'm trying align "rooms: 0" , "bathrooms: 0" right next corresponding slider bar.

    .pricebox {     width: 400px;     margin:0px;     height:50px;     color: #ffffff;     font-size: 20px;     font-weight: 700; } .custom-slider {     margin-bottom:10px;     width: 70%;     float: right; } .values {     width: 30%;     text-align: left;     float: left; } #cleared{ clear: both; }   <div class="pricebox">     <div id="slider-1" class="custom-slider"></div>     <span>rooms: <div id="slider-1-value" class="values">0</div></span> <br />     <div id="slider-2" class="custom-slider"></div>     <span>bathrooms: <div id="slider-2-value" class="values">0</div></span> </div> <div id="cleared"> 

i have check website , have found issue : have updated inline css in div make changes according style sheet work :

here code :

<div class="pricebox">     <div class="custom-slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="slider-1" aria-disabled="false" style="float: left;"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%;"></a></div>     <span style="float: left;">rooms: <div id="slider-1-value" style="display: inline;">1</div></span> <br>     <div class="custom-slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="slider-2" aria-disabled="false" style="float: left;"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 20%;"></a></div>     <span style="float: left;">bathrooms: <div id="slider-2-value" style="display: inline;">2</div></span> </div> 

Comments

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -