jquery - jQueryUIタブ-タブバーの下部

Question

タブバーにロゴ画像を含めたいのですが、タブがタブバーの下部に表示されません。これが私が使用しているコードです：

<div id="tabs">
  <div id="logo">
    <img src="./img/logo.png">
  </div>
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

現在の様子のスクリーンショットを添付しています。

Answer 1

新しい行を追加してみてください（つまり<br />）：

<div id="tabs">
  <div id="logo">
    <img src="./img/logo.png">
  </div>
  <br />
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

または、次のようにタブ バーとロゴが同じであってはならない場合もあります<div>。

<div id="logo">
  <img src="./img/logo.png">
</div>
<div id="tabs">
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

Answer 2

ロゴの高さを とし、画像の高さと の高さの差を に<li>設定します。margin-top<li>