Simple searchbox?

Question

css

JSFiddle Does
n't work to align input and button. I want them to be on the same line and close to each other.

Answer 1

.search-box {
    width: 100%;
    margin: 15px 0;
    display: flex;
}

or

<form class="form-group search-box d-flex">
  <input placeholder="Search..." class="form-control">
  <button class="btn btn-default">
    <i class="fa fa-search"></i>
  </button>
</form>