CSS Problem

<div id="search-panel">
<form method="get" action="<?php echo BASE_URL; ?>categories">
<input type="text" name="name" placeholder="Search name or keyword">
<select name="category">
<option value="all">Select category</option>
<?php foreach($data['artiste_index'] as $category) { ?>
<option value="<?php echo $category['name']; ?>"><?php echo $category['name']; ?></option>
<?php } ?>
</select>
<select name="gender">
<option value="">Select</option>
<option value="1">Male</option>
<option value="2">Female</option>
<option value="3">Group</option>
</select>
<input type="submit" value="Search">
</form>

form input[type=text] {
  display:inline-block;
}
form select {
  display:inline-block;
}