0

ナビゲーションバーがあります。水平。

左の画像です。右側のテキスト。以下に表示：

私が望む方法ではありません

テキストの少し下に位置するように画像を撮りたいので、基本的に画像はテキストの左側の下に少しスライドする必要があります。下に示された：

どうしたい

私の現在のHTMLは次のとおりです。

<p class="menu_text">
    <img class="tgss_icon" src="http://www.thegoldservicescholarship.co.uk/images/icon.jpg" alt="TGSS Icon"/>
    <a class="menu_links" href="contact_us.php">Contact Us</a>
</p>​

私の現在のCSSは次のとおりです。

img.tgss_icon{
  height: 30px;
  width: 35px;
  padding-bottom: 7px;
}

a.menu_links:link { color: #58595B; text-decoration: none;}
a.menu_links:visited  { color: #58595B; text-decoration: none; }
a.menu_links:active { color: #E6BD13; text-decoration: none; }
a.menu_links:hover  { color: #E6BD13; text-decoration: none; }

p.menu_text{
  font-size: 15pt;
  /*color: #58595B;*/
}​

前もって感謝します！クリス。

4

1 に答える 1

3

リンクに負のマージンを付けてこれを行うことができます。

a.menu_links { margin-left: -20px; }

デモ

于 2012-11-13T17:32:20.593 に答える