Show Inline the Divs into a parent

mluci12
Posts: 39

Show Inline the Divs into a parent

I have this code

Code: Select all

<section class="b-search"> <div class="container"> <h1 class="wow zoomInUp" data-wow-delay="0.3s">UNSURE WHICH VEHICLE YOU ARE LOOKING FOR? FIND IT HERE</h1> <div class="b-search__main wow zoomInUp" data-wow-delay="0.3s"> <h4>SELECT VEHICLE BODY TYPE</h4> <form action="listingsTwo.html" method="POST" class="b-search__main-form"> <div class="row"> <div class="col-xs-12 col-md-8"> <div class="m-firstSelects"> <div class="col-xs-4"> <select name="manufacturer" id="manufacturer" > <option value="">Selecteaza</option></select> <span class="fa fa-caret-down"></span> <p>Marca</p> </div> <div class="col-xs-4"> <select name="printertype" id="printertype" disabled="disabled" > <option value="">Selecteaza</option></select> <span class="fa fa-caret-down"></span> <p>Model</p> </div> <div class="col-xs-4"> <select name="select3"> <option value="1" selected="selected">Vehicle Status</option> <option value="2">Vehicle Status 2</option> <option value="3">Vehicle Status 3</option> <option value="4">Vehicle Status 4</option> <option value="5">Vehicle Status 5</option> </select> <span class="fa fa-caret-down"></span> <p>E.G: NEW, USED, CERTIFIED</p> </div> </div> <div class="m-secondSelects"> <div class="col-xs-4"> <select name="select4"> <option value="0" selected="selected">Min Year</option> <option value="1">Min Year</option> <option value="2">Min Year</option> <option value="3">Min Year</option> <option value="4">Min Year</option> <option value="5">Min Year</option> </select> <span class="fa fa-caret-down"></span> </div> <div class="col-xs-4"> <select name="select5"> <option value="0" selected="selected">Max Year</option> <option value="1">Max Year</option> <option value="2">Max Year</option> <option value="3">Max Year</option> <option value="4">Max Year</option> </select> <span class="fa fa-caret-down"></span> </div> <div class="col-xs-4"> <select name="select5"> <option value="0" selected="selected">Max Year</option> <option value="0" selected="selected">Pret min</option> <option value="20000€">2.0000€</option> <option value="3000€">3.0000€</option> <option value="5000€">5.0000€</option> <option value="100000€">10.0000€</option> <option value="150000€">15.0000€</option> <option value="200000€">20.0000€</option> <option value="250000€">25.0000€</option> <option value="300000€">30.0000€</option> <option value="350000€">35.0000€</option> <option value="400000€">40.0000€</option> <option value="450000€">45.0000€</option> <option value="500000€">50.0000€</option> <option value="550000€">55.0000€</option> <option value="600000€">60.0000€</option> <option value="650000€">65.0000€</option> <option value="800000€">80.0000€</option> <option value="1000000€">100.0000€</option> <option value="2000000€">200.0000€</option> </select> <span class="fa fa-caret-down"></span> </div> <div class="col-sm-4 col-xs-12"> <select name="select5"> <option value="0" selected="selected">Max Year</option> <option value="0" selected="selected">Pret max</option> <option value="20000€">2.0000€</option> <option value="3000€">3.0000€</option> <option value="5000€">5.0000€</option> <option value="100000€">10.0000€</option> <option value="150000€">15.0000€</option> <option value="200000€">20.0000€</option> <option value="250000€">25.0000€</option> <option value="300000€">30.0000€</option> <option value="350000€">35.0000€</option> <option value="400000€">40.0000€</option> <option value="450000€">45.0000€</option> <option value="500000€">50.0000€</option> <option value="550000€">55.0000€</option> <option value="600000€">60.0000€</option> <option value="650000€">65.0000€</option> <option value="800000€">80.0000€</option> <option value="1000000€">100.0000€</option> <option value="2000000€">200.0000€</option> </select> <span class="fa fa-caret-down"></span> </div> </div> </div> &nbsp;<div class="b-search__main-form-submit"> <a href="#">Advanced search</a> <button type="submit" class="btn m-btn">Search the Vehicle<span class="fa fa-angle-right"></span></button> </div> </div> </form> </div> </div>
The code is on page autobelgia.ro
How can i put "pret minim" select inline with "pret max"select.

Admin
Those elements are set "display:inline;", but the problem is from their "width". They have set: "width:33.3%" but there are 4 elements, so, put "width:24%".
Set in css to ".col-xs-4", or in Divs: style="width:24%;" to the Divs with: class="col-xs-4" (inside the parent Div with class="m-secondSelects").

Code: Select all

<div class="m-secondSelects"> <div class="col-xs-4" style="width:24%;">....</div> <div class="col-xs-4" style="width:24%;">....</div> <div class="col-xs-4" style="width:24%;">....</div> <div class="col-xs-4" style="width:24%;">....</div> </div>

Similar Topics