Q:

Form submit button and textfield in same line

I want my serchbox textfield and submit button in same line. I have tried but its changing browser to browser. Need assistance.
Heres my css:
.search  input[type="text"]{
            width: 70px; height: 25px;
            border: 1px solid #cccccc; 
            font-size: 15;
            margin: 0px -3px 0px 0px;
}
.search  input[type="submit"]{
            background: url(/images/search.png) no-repeat 4 4;
            background-color: white;
            color: black;
            width: 25px;
            height: 25px;
            padding: 0px;
            border: 1px solid #cccccc; 
            font-size: 12;
            margin: 0px 0px 0px 2px;
            border-radius: 0px;
}
.search input[type="submit"], input[type="text"] {
    line-height:normal !important;
}

Heres my html form
<form method='get' class='search' action='example.php'>
<input type='text' placeholder='Search' name='search' value=''/>
<input type='submit' value=''/>
</form>

A:

You can simple add vertical-align: bottom:

.search input[type="text"] {
  width: 70px;
  height: 25px;
  border: 1px solid #cccccc;
  font-size: 15;
  margin: 0px -3px 0px 0px;
  vertical-align: bottom;/*add vertical align bottom*/
}
.search input[type="submit"] {
  background: url(/images/search.png) no-repeat 4 4;
  background-color: white;
  color: black;
  width: 25px;
  height: 25px;
  padding: 0px;
  border: 1px solid #cccccc;
  font-size: 12;
  margin: 0px 0px 0px 2px;
  border-radius: 0px;
}
.search input[type="submit"],
input[type="text"] {
  line-height: normal !important;
}
<form method='get' class='search' action='example.php'>
  <input type='text' placeholder='Search' name='search' value='' />
  <input type='submit' value='' />
</form>

