JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="textWbutton">
    <p>Enter Name</p>
    <input type="text" placeholder="I am placeholder" />
  </div>
</body>

CSS

html,
body {
  font-size: 0px;
}

.textWbutton {}

.textWbutton input[type='text'] {
  margin: 0px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  border-radius: 0px 5px 5px 0px;
  border: 1px solid Black;
}

.textWbutton p {
  font-size: 15px;
  display: inline-block;
  margin: 0px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px 0px 0px 5px;
  border: 1px solid Black;
}