How can I make an inline select in materializeCss

Question

How can I make such a select??

tried to do display: inline but it did not work out

Answer 1

Please do the following.

Change the HTML part <div class="input-field col s1 inline"> to " <div class="input-field col s12 inline">".

and use the css for inline

.input-field p, .input-field .select-wrapper {
  display: inline-block;
  clear: both;
  float: none;
}