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>

Adv. Posts: 01

Similar Topics