make select's option side by side

//html
<select class="myselect" size="3" id="searchContentType"> //size attribute is important without this itwont work
    <option value="title">Video Title</option>
    <option value="name">Name</option>
    <option value="email">Email</option>  
</select>


//css
select.myselect{
  border: none;
  overflow: hidden;
}

select.myselect option {
  width: auto;
  float: left;
  border: 1px solid;
  text-align: -webkit-center;
  border-color: darkgray;
  padding: .5rem;
  margin: .5rem;
}