JSFiddle - React, Tailwind, and code Playground

by Mikey

HTML

<form name="searchBox" id="searchBox" action="#" method="post"> <input type="text" name="query" id="query"/> <input type="submit" name="sub" id="sub" value="Search"/> </form>

CSS

form input[type="text"] {
height: 28px;
width: 300px;
margin: 0;
padding: 0;
font-size: 15px;
border: 1px solid #CCCCCC;
}

form input[type="submit"] {
height: 28px;
width: 80px;
margin: 0;
padding: 0;
font-size: 12px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

*{
    line-height: normal !important;
}