Question

我正在http://blueridgemusclecars.com/的朋友网站上工作。我希望徽标位于顶部中心，电话号码和位置右对齐，但我希望文本与徽标在同一平面上水平放置。现在，文本位于徽标的右下方。这是我的标题CSS，任何想法？

 header {
    width:100%;
    position:relative; 
    z-index:2;
}

h1 {
    padding:45px 20px 37px 26px; 
    /*background:url(../images/h1-bg.jpg) 0 0 no-repeat;*/
    /*float:right;*/

}
    h1 a {
        display:block;
        width:500px;
        height:278px;
        text-indent:-999em;
        margin:0 auto;
        background:url(../images/logo.png) 0 0 no-repeat;
    }
.address {
    display:block;
    font-size:14px;
    line-height:28px;
    text-align:right;
    color:#b22300;
}
.phone {
    display:block;
    font-size:25px;
    line-height:30px;
    text-align:right;
    color:#fff;
    margin-top:-5px;
}

Answer 1

将您的.fright课程设为负余额。

.fright { margin-top: -100px; }

Answer 2

标记可能会稍微重做（例如，不确定为什么链接和图像在<h1>中），但在这个页面上最容易的事情我认为是在CSS中添加以下内容：

.wrapper { height: 300px; } //reduce empty space
.fright  { margin-top: -195px; } //align phone number with image bottom

无论如何，在Chrome中看起来相当不错......祝你好运！

CSS中心图像，右对齐文本

2 个答案: