div中的垂直对齐文本不起作用？

Question

我正在尝试在其附近放置一个带有两行文本的数字，因此该数字应重叠2行。除了这个数字没有正确地垂直对齐之外，我几乎可以达到我想要的。我尝试使用垂直对齐的顶部，但是由于某种原因它没有任何效果。查看图片。

这是我到目前为止的代码：

    <div class="row" style="display: -webkit-inline-box;  ">
        <div style="font-size: 40px; "> <strong>51</strong> </div> 
        <div>
            <div>LOCATIONS</div>
            <div>COUNT</div>
        </div>  
    </div>