JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <input type="text" value="some text...">
    <button>Click</button>
  </div>

CSS

body {
      line-height: 1.42857143;
    }

    .wrap * {
      line-height: normal;
      float: left;
    }

    button, input {
      border-width: 0;
      border-radius: 5px;
      background-color: #ccc;
      padding: 15px 20px;
    }

    button {
      background-color: #ddd;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    input {
      background-color: #ccc;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

    button::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner {
     padding: 0 !important;
     border: 0 none !important;
    }