HTMLシンボルのブレーキの高さ

Question

明らかに私は何か間違っています - 単語の前にHTMLシンボルを置くときに、HTMLシンボルのない次の単語の高さは異なる高さを持ち、同じ行にはありません。

Answer 1

問題はsymbolのデフォルトのサイズである働くだろうと思い、これを試してみてください。シンボルのサイズを設定すると、問題は表示されません。

.a { 
 
    display: flex; 
 
} 
 
h1 { 
 
    text-transform: uppercase; 
 
} 
 
span.symbol { 
 
    font-size: 26px; 
 
}

<div class="a"> 
 
    <h1><span class="symbol">&#9785;</span>123-456-789</h1> 
 
    <h1>text 2017</h1> 
 
</div>

要するに：以下のコードを見ていspan内部

ラップシンボルを、それはフォントサイズです設定。

span.symbol { 
    font-size: 26px; 
} 

Answer 2

<div class="a"><h1>&#9785;123-456-789text 2017</h1> 

私はそれが