JSFiddle - React, Tailwind, and code Playground

by Shuaib Khan

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
   <div class="container">
                <div class="row">
  <div class="input-field col s12 inline">
  <p>Materialize</p>
    <select>
      <option value="" disabled selected>10</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <p>Select</p>
  </div>
  </div>
  </div>

CSS

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

JavaScript

$('select').material_select();