如何在文本下稍微對齊圖像

Question

我有一個導航欄。水平。

我在左邊有一個圖像。正確的文字。下面顯示：

我想借此形象因此它是位置稍微文字的下面，所以基本上圖像需要一點點的文字左側下滑動。如下圖所示：

我現在的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;*/ 
}​ 

謝謝！克里斯。

Answer 1

您可以在鏈接上使用負邊距來做到這一點。

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

Demo