I am working with Bootstrap 3.0 and would like to accomplish something along these lines

**Favorites** [Add](http://www.nooop.com)

Where favorites is pulled left and wrapped in an H3 and the add is pulled right and wrapped in an anchor. They are bottom aligned and on the same line.

Here is what I have that is not working:

```
<div class="vertical-gutter-xs row container">
   <div class="row">
      <div clas="col-md-6" style="border: 1px solid red"><h3>Favorites</h3></div>
      <div clas="col-md-6" style="text-align: right; border: 1px solid red"><a>add</a></di>
   </div>
   <hr />
</div>

```

Many thanks in advance.