JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<input type="text" />
<input type="button" />
<input type="submit" />

CSS

input[type=text]
    {
      width: 400px;
      border-top: 1px solid rgb(217, 217, 217);
      border-right: none;
      border-bottom: 1px solid rgb(217, 217, 217);
      border-left: 1px solid rgb(217, 217, 217);
      height: 50px;
      margin-right: -5px;
    margin-top: 1px;
    }
    input[type=button]
    {
      font-family: 'WebSymbolsRegular';
      width: 40px;
      border-top: 1px solid rgb(217, 217, 217);
      border-right: 1px solid rgb(217, 217, 217);
      border-bottom: 1px solid rgb(217, 217, 217);
      border-left: none;
      background: white;
      height: 50px;
    }
    input[type=submit]
    {
      font-family: 'WebSymbolsRegular';
      height: 50px;
    }