css - 为什么我的 div 不向右移动？

Question

为什么 span5 没有转到正确的位置？ Span5 转到 Span6 下。我链接到 bootstrap

我的代码:

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" />
<header>
  <div class="container">
    <div class="row">
      <div class="span6">
        <a href="#">
          <img src="image/logo.png" class="logo_img" />
        </a>
      </div>
      <div class="span5">
        <ul class="nav nav-pills nav-pos">
          <li><a href="#">Ваш город</a>
          </li>
          <li><a href="#">Клиники</a>
          </li>
          <li><a href="#">Врачи</a>
          </li>
          <li><a href="#">Диагностика</a>
          </li>
        </ul>
      </div>

    </div>
  </div>
</header>

Answer 1

使用display: inline-block。

.span6, .span5 {
  display: inline-block;
  vertical-align: top;
}

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" />
<header>
  <div class="container">
    <div class="row">
      <div class="span6">
        <a href="#">
          <img src="http://dummyimage.com/40/" class="logo_img" />
        </a>
      </div>
      <div class="span5">
        <ul class="nav nav-pills nav-pos">
          <li><a href="#">Ваш город</a>
          </li>
          <li><a href="#">Клиники</a>
          </li>
          <li><a href="#">Врачи</a>
          </li>
          <li><a href="#">Диагностика</a>
          </li>
        </ul>
      </div>

    </div>
  </div>
</header>