JSFiddle - React, Tailwind, and code Playground

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 class="browser-default">
      <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 {
  display: inline-block;
  clear: both;
  float: none;
}

JavaScript

$(document).ready(function(){
    $('select').material_select();
 });