title: Vertically align span in a div
body: <p>I am trying to vertically align the content "ABC Company" in a div using Bootstrap 4's alignment helper classes; but unable to do so. I am using the below code.</p>
  
  <pre><code>&lt;div class="container" style="width: 740px;"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-sm text-right" style="line-height: 20px; height: 20px; color:#004990; text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:10px;"&gt;
        Your Account
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-sm text-center" style="background-color:#0471AF; height:100px;"&gt;
      &lt;span class="align-middle"&gt;ABC Company&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  Please point out what am I missing !</p>