Question

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

我尝试过float，text-align甚至span而不是div。

Answer 1

你有两个block-level elements，这就是他们“包装”的原因。所以解决这个问题的一种方法是给每个元素一个宽度，然后浮动它们。

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

标题不直接？

1 个答案: