Chromeモバイルブラウザでテキストの縦方向の配置が正しくない

Question

固定高さのdivにテキストが含まれています。 line-height = divの高さです。問題：Chromeモバイルでテキストが完全に垂直に配置されていないFirefox Mobileではすべてが問題ありません。私は標準のVerdanaフォントを使用しています。

他のいくつかのウェブサイトでも同じ問題が発生しています。

どうすればこの問題を解決できますか？

ありがとうございます！

Answer 1

特定のdivコンテナに次のフレックスCSSスタイルプロパティを追加しても問題ありません。

.cells-block { 
 
    font-family: Verdana; 
 
    width:300px; 
 
    height: 100px; 
 
    background: red; 
 
    display: flex; 
 
    align-items: center; 
 
    /* vertically */ 
 
    justify-content: center; 
 
    /* horisontally */ 
 
    text-align: center; 
 
    /* addition: for text's lines */ 
 
}

<div class="cells-block"> 
 
    This is some text<br>Randomrandom stuff 
 
</div>