css - 标题不是直接穿过吗？

Question

有人可以告诉我为什么这个标题不会直接穿过吗？我的目标是让 One call 在右侧获取所有信息，在右侧获取 800 电话号码。我将它们放在自己的 div 中，但 800# 正在包装。

我尝试过浮动、文本对齐甚至跨度而不是 div。

您可以在这里找到该网站：http: //jsfiddle.net/G78sd/

Answer 1

您有两个块级元素，这就是它们“包装”的原因。所以解决它的一种方法是给每个元素一个宽度，然后浮动它们。

.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;
}