title: Vertical align within a bootstrap card header
body: <p>I am trying to use boostrap4 in order to create a card header where the title is text-align center of the card-header, an icone that is right align
  and both vertically center middle</p>
  
  <p>I tried some things but nothing seems to get to what I want;</p>
  
  <pre><code>++++++++++++++++++++++++++++++++++++++++++++++++++++++
  +                                                    +
  +                        title                  icone+
  +                                                    +
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++
  </code></pre>
  
  <p>code: </p>
  
  <pre><code>&lt;div class="card-header text-center bg-dark text-white"&gt;
              &lt;div class="row h-100"&gt;
                &lt;div class="col-md-11"&gt;
                  &lt;h5&gt;Complete models list&lt;/h5&gt;
                &lt;/div&gt;
                &lt;div class=col-md-1&gt;
                  &lt;i class="far fa-question-circle float-right align-self-center"&gt;&lt;/i&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
            &lt;/div&gt;
  </code></pre>
  
  <p>any idea how to make it work ? </p>