Show Inline the Divs into a parent

Place to talk about website HTM elements, CSS style and design, and get help with HTML, CSS codes.
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 Posts: 805
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