相关代码：html

<header class="site-head">
        <div class="topbar">
                <p>服务热线：400-8888-888</p>
        </div>
        <div class="center-wrap clearfix">
            <!-- logo区 -->
            <div class="logo">
              <h1>慕家居</h1>
            </div>

css

相关代码：

.site-head .center-wrap {
    width: 100%;
    height: 91px;
    padding: 19px 0 11px ;
}

.site-head .center-wrap .logo  {
    margin: 0 auto;
    float: left;
    font-size: 64px;
    color: #0058AA;
    line-height: 91px;
}

.site-head .center-wrap .logo h1 {
    margin: 0 auto;
    background-image: url(../images/慕家居.png);
    text-indent: -999em;
    height: 91px;
    width: 192px;   
}

base

相关代码：

​.clearfix {
    overflow: hidden;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
}