フォーカスしてフォントサイズを変えると他とliの位置が変化しますがこれをどうにか一律に揃えたいです
vertical-alignとtext-alignを試してみましたがうまくいきませんでした
なので何か別の原因だと思いますが調べてもわかりませんでした
ul {
vertical-align: middle;
text-align: center;
}
li {
background-color: #1ab2fa;
display: inline-block;
width: 150px;
height: 100px;
}
li:focus {
background-color: #bb2a3f;
font: 25px bold;
}
<ul>
<li tabindex=-1>新着</li>
<li tabindex=-1>月間</li>
<li tabindex=-1>週間</li>
<li tabindex=-1>総合</li>
</ul>