I am new in html and I have a [code](https://jsfiddle.net/DTcHh/17952/) where I would like to align the input tag and the button on the right sign on the same line. How can I do that?

```
  <div class="form-group input-group">
    <input type="text" class="form-control" />
    <span class="input-group-btn input-group-addon">
        <button class="btn btn-del input-group-delete" data-tooltip="tooltip" ><i class="fa fa-trash-o"></i></button>
    </span>
  </div>

```

My jsfiddle : <https://jsfiddle.net/DTcHh/17952/>