Question

Как я могу вертикально выровнять кнопки ShareThis с заголовком в Bootstrap 4?

<h1>Chat <span class="pull-right"><span class='st_facebook_hcount' displayText='Facebook'></span><span class='st_twitter_hcount' displayText='Tweet'></span></span></h1> 

Answer 1

Если вы после того, как способ вертикального выравнивания по середине двух:

h1{vertical-align: middle;} 
 
h1 .pull-right{display:inline-block;font-size:10px;vertical-align: middle;}

<h1>Chat <span class="pull-right"><span class='st_facebook_hcount' displayText='Facebook'>Facebook</span><span class='st_twitter_hcount' displayText='Tweet'>Tweeter</span></span></h1>

но лучше бы использовать гибкий:

h1{ 
 
    display: flex; 
 
    justify-content: space-between; 
 
    align-items: center; 
 
} 
 
.pull-right{ 
 
    font-size: 10px; 
 
}

<h1><span>Chat</span><span class="pull-right"><span class='st_facebook_hcount' displayText='Facebook'>Facebook</span><span class='st_twitter_hcount' displayText='Tweet'>Tweeter</span></span></h1>