Css 标题为'；你不直接穿过吗？

有人能告诉我为什么这个标题不能直接穿过吗？我的目标是让一个电话都在右边，800电话号码在右边。我把它们放在自己的隔间里，但800号正在包装

我试过用float、文本对齐甚至span代替div

你可以在这里找到网站：

你有两个，这就是为什么他们“包装”。所以解决这个问题的一种方法是给每个元素一个宽度，然后使它们浮动

.CompanyName {
    color: #330000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 28px;
    font-weight: bolder;
    /* text-shadow: 3px 3px 4px rgba(0, 0, 0, .9); */
    font-variant:small-caps;
    margin-top: 22px;
    width: 450px;
    float: left;
}

.HeaderPhoneNumber {
    color: #330000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 28px;
    font-weight: bolder;
    /* text-shadow: 3px 3px 4px rgba(0, 0, 0, .9); */
    font-variant:small-caps;
    width: 450px;
    float: right;
    text-align: right;
}

你有两个，这就是为什么他们“包装”。所以解决这个问题的一种方法是给每个元素一个宽度，然后使它们浮动

.CompanyName {
    color: #330000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 28px;
    font-weight: bolder;
    /* text-shadow: 3px 3px 4px rgba(0, 0, 0, .9); */
    font-variant:small-caps;
    margin-top: 22px;
    width: 450px;
    float: left;
}

.HeaderPhoneNumber {
    color: #330000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 28px;
    font-weight: bolder;
    /* text-shadow: 3px 3px 4px rgba(0, 0, 0, .9); */
    font-variant:small-caps;
    width: 450px;
    float: right;
    text-align: right;
}

---

谢谢你平静的回答。我尝试了你的建议，但仍然不起作用。它将数字移动了一点，但没有移动。您可以在这里看到：还有其他建议吗？请参阅编辑后的答案。您可能还想在第一个元素（甚至是第一个元素）上修复页边空白顶部，但我把它留给了您。是的，我想，我相信这将是另一个令人头痛的问题！！但这是朝着正确方向迈出的一步！非常感谢。谢谢你平静的回答。我尝试了你的建议，但仍然不起作用。它将数字移动了一点，但没有移动。您可以在这里看到：还有其他建议吗？请参阅编辑后的答案。您可能还想在第一个元素（甚至是第一个元素）上修复页边空白顶部，但我把它留给了您。是的，我想，我相信这将是另一个令人头痛的问题！！但这是朝着正确方向迈出的一步！非常感谢。