title: Aligning button to the right of a 'card' using Bootstrap v4
body: <p>I'm new to Bootstrap and thought I'd dive in using their v4 alpha release.</p>
  
  <p>I'm trying to align the 'Arrange a valuation' button (near to bottom of page) in the following example to the right whilst leaving the other text aligned to the left. I also need the text and button to be vertically aligned in the middle.</p>
  
  <p><a href="http://www.atlasestateagents.co.uk/mlb/landlords/services-and-fees.php" rel="noreferrer">http://www.atlasestateagents.co.uk/mlb/landlords/services-and-fees.php</a></p>
  
  <p>Can you help?</p>
  
  <pre><code>&lt;div class="card card-block card-blue clearfix"&gt;
      &lt;p class="card-text"&gt;Want to know how much rent you could achieve for your property?&amp;nbsp;&lt;a href="#" class="btn btn-blue-outline pull-right"&gt;Arrange a Valuation&lt;/a&gt;&lt;/p&gt;
    &lt;/div&gt;
  </code></pre>