CSS定位的品牌问题

Question

我想实现在这里找到了品牌的外观（其中品牌重叠导航栏） - http://logobro.com/our-work

但是我似乎已经错过了CSS规则（一个或多个），以帮助我实现这一点，因为你可以在这里网站上看到：http://www.bestcastleintown.co.uk/port/

这里是我的.brand

.navbar .brand { 
    color: #FFFFFF; 
    display: block; 
    float: left; 
    font-size: 20px; 
    font-weight: 200; 
    line-height: 1; 
    margin-left: -20px; 
    padding: 8px 20px 12px; 
} 

当前的造型任何建议表示赞赏。

Answer 1

这只是你的边距和补的问题，而不是padding: 8px 20px 12px;尝试：

padding: 12px 20px 0px; 
margin-bottom: -4px; 

Answer 2

使用此CSS：

#topbar-logo 
{ 
    margin-bottom: -3px; 
} 

.brand 
{ 
    padding: 0px; 
} 

这将archieve完全相同的效果在你的样品网站。