multiple drop down
how do I place the multiple drown down list besides each other on the same line
by stan griffin
HTML
<div id="calltoaction-form" class="teaser-form">
<div class="form-title">
<h3>TITLE</h3>
</div>
<form id="contact_form" action="_contact-us.php" method="post">
<h4 class="form-header">Personal details</h4>
<div class="details-form-section">
<input id="name" name="name" type="text" placeholder="Your name">
</div>
<div class="details-form-section">
<input id="email" name="email" type="text" placeholder="Your email">
</div>
<div class="details-form-section">
<input id="phone" name="phone" type="number" placeholder="Your phone number" min="10"required>
</div>
<div class="details-form-section">
<select id="type" name="type">
<option value=""> - tell us what you need - </option>
<option value="Quote">Quote</option>
<option value="Sample request">Sample request</option>
<option value="Customization">Customization</option>
<option value="Support">Support</option>
</select>
</div>
<h4 class="form-header">Personal details</h4>
<div class="quote-form-section">
<select id="type" name="type">
<option value="">type</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select></div>
<div class="quote-form-section">
<select id="type" name="type">
<option value="">Quantity</option>
<option value="1">1</option>
<option...
CSS
@import url(http://fonts.googleapis.com/css?family=Squada+One);
/* STYLES */
/* basics & reset */
body {
font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
color:#7d7d7d;
background: #f2f2f2
}
a,a:visited {text-decoration:none;color:#333}
a:hover {text-decoration:underline;}
a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner {
outline:0
}
h1 {
font-size: 25px
}
h2 {
font-size: 23px
}
h3 {
font-size: 21px
}
h4 {
font-size: 19px
}
h5 {
font-size: 17px
}
h6 {
font-size: 15px
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Droid Sans', sans-serif
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
.align-right {
float:right;
}
blockquote, blockquote p {
font-size: 32px!important;
font-style: normal;
font-weight:bold;
margin-bottom: 3px!important;
margin-top: 1px;
letter-spacing:-2px;
line-height: 36px
}
blockquote {
margin: 0;
padding: 35px 0 30px 0;
clear: both;
border-left:0!important;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px
}
blockquote cite { display: block; font-size: 15px!important; font-weight:normal; letter-spacing:0; color:#acacac }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#acacac }
#quote_wrap {
min-height: 94px;
}
#quotes {
margin-left: 120px;
margin-top: -128px;
}
#quotes blockquote p {
color: white;
font-size: 42px !important;
word-wrap: break-word;
}
#quotes blockquote {
xdisplay: inline;
}
#quote_wrap .quote-image {
float: none !important;
}
section {
margin:0;
padding:70px 0;
position:relative;
background-color: #c0392b;
}
.section-grey {
background:#e7e7e7
}
.section-black {
background:#191919
}
.nospace-top {margin-top:0}
.nospace-bottom {margin-bottom:0}
.nospace {margin-top:0;margin-bottom:0}
label.error {
display:none!important
}
input.error,textarea.error...