![「[CSS]vertical-alignの効かない別要素同士のベースラインを揃える」のアイキャッチ画像](/images/tmb/css-another-block-baseline.jpg)


liをflexで横並びにした上で、英字と日本語を別フォントにするとベースラインが崩れる。同じ要素であれば揃うけど、別要素になるとずれる。

“`html

• HI-TEC-C
• ジェットストリーム

“`

## line-heightを指定する


line-heightを両方に指定してあげれば揃った。heightではダメ。

“`css
li {
line-height: 1em;
}
“`