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

Question

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

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

您可以在此处找到该网站:http://jsfiddle.net/G78sd/

Answer 1

你有两个 block-level elements ，这就是他们“包装”的原因。因此，解决它的一种方法是为每个元素指定一个宽度，然后将它们 float 。

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