HTML Demo: <input type="search">

<label for="site-search">Search the site:</label>
<input type="search" id="site-search" name="q" />

<button>Search</button>

<label for="site-search">Search the site:</label>

<button>Search</button>

label {
  display: block;
  font:
    1rem 'Fira Sans',
    sans-serif;
}

input,
label {
  margin: 0.4rem 0;
}

label {

display: block;

font:

1rem 'Fira Sans',

sans-serif;

}

input,

label {

margin: 0.4rem 0;

}