JSFiddle - React, Tailwind, and code Playground

by andresilich

HTML

<ul>
  <li>
    <input id="textField" type="text" /><input value="button" type="button" />
  </li>
</ul>

CSS

ul li {
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    display:box;
    box-pack:center;
    box-align:center;
    width:100%;
}


#textField {
    -webkit-box-flex:3;
    -moz-box-flex:3;
    box-flex:3;
}

input[type="button"] {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;

}