css - 如何使所有浏览器中的文本位置相同？

Question

在页面上，文本的水平位置因浏览器而异。这是网站：http ://www.nyestateslawyer.com/ ，有问题的文字是红框中的两个电话号码。我希望有人能帮帮忙。提前致谢！

---

这是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 中。作品。