顶部菜单间距

Question

对于此网站：https://www.citywidelaw.com/，“免费咨询”和电话号码应与顶部对齐（如左侧的徽标）。由于某种原因，它在徽标下方排成一行。

HTML

<div class="nav-secondary navbar-collapse pull-right in" aria-label="Secondary" itemscope itemtype="https://schema.org/SiteNavigationElement"><p class="tel hidden-xs hidden-sm"><span>Free Consultation - Call 24/7</span><a href="tel:4242482700">(424) 248-2700</a></p>

CSS

.site-header p.tel {
    font-size: 30px;
    line-height: 28px;
    margin: 0;
    padding: 0 15px 0 0;
    text-align: right;
}

Answer 1

.site-title {
  display: inline-block;
}

.site-header p.tel必须在title-area navbar-brand div内 并拥有float: right属性。