css - すべてのブラウザでテキストの位置を同じにするにはどうすればよいですか？

Question

ページ上では、ブラウザによってテキストの横位置が異なります。これがウェブサイトです：http ：//www.nyestateslawyer.com/ 、問題のテキストは赤いボックス内の2つの電話番号です。誰かが助けてくれることを願っています。前もって感謝します！

---

CSSは次のとおりです。

<pre><code>
#phone_text_manhattan
{
z-index:100;
position:absolute;
color:white;
font-size:15px;
left:777px;
top:263px;
}

#phone_text_bkln
{
z-index:100;
position:absolute;
color:white;
font-size:15px;
left:985px;
top:263px;
}
</code></pre>

Answer 1

そのコンポーネントをdivに配置し、そのdivを基準にして配置します。つまり、position:relative; 今では一番上まで同じことを行い、ルートタグでブラウザウィンドウの幅と高さに基づいて指定します。すべての配置が同じになるようにします。これがお役に立てば幸いです。

Answer 2

ヒントをくれたDipakに感謝します。位置を相対位置に変更し、テキストをその親div内に配置しました。動作します。