이미지를 텍스트 아래에 약간 정렬하는 방법

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