Html 对齐导航栏div内的图像 切换导航 苏吉拉健康酒店

我想在导航栏内的标志和旁边的公司名称。如何对齐图像和文本。如果内容与div标记重叠就可以了。

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="navbar-brand">
          <div> <img src="images/logo.png" /></div>
          <h1><span>SUJALA WELLNESS</span> </h1>
        </div>
      </div>

      <div class="navbar-collapse collapse">
        <div class="menu">
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation"><a href="index.html" class="active">Home</a></li>
            <li role="presentation"><a href="https://www.kykindia.com" target="_blank">KYK India</a></li>
            <li role="presentation"><a href="https://www.kykindia.com/health-benefits/" target="_blank">Health Benefits</a></li>
            <li role="presentation"><a href="https://www.kykindia.com/certifications/ " target="_blank">Certifications</a></li>
            <li role="presentation"><a href="contact.html">Contact</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</nav>

苏贾拉·韦恩斯

---

如有必要，设置高度：…px.navbar品牌img上进行编码>。不要使用

，因为

h

标记默认为

内联块

，因此从新行开始

我对代码进行了一点重构，并尝试使用flexbox：

.navbar{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
边框底部：1px纯色灰色；
填充：10px；
}
.navbar_uu左，
.navbar_uuu对，
.导航栏列表{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
}
.navbar__标志{
宽度：150px；
高度：100px；
}
.导航栏标题{
左边距：10px；
}
.navbar_uu列表项{
列表样式：无；
右边距：20px；
}

我的公司

将问题转换为问题。尝试创建JSFIDLE，因为缺少样式。如果他不能重现这个问题，没有人能帮上忙。上传你的css和js。或者制作一个JSFIDLE或codepen。@skobaljic否，如果是plunkr、JSFIDLE或codepen，则使用stackoverflow代码段作为主要代码，您可以使用次要代码：@AbhaySrivastav不要在plunkr或JSFIDLE中请求代码。这将结束这个问题。代码必须在问题本身中！相关问题：由于原始代码（很可能）基于引导，因此可能会出现一些冲突。尽管如此，还是要为一个好的、干净的选择投票：）@McVenco谢谢你，伙计！但是真实的故事……）

<div class="navbar-brand">
    <span><img src="images/logo.png"/></span>
    SUJALA WELLNES
</div>