어떻게 아이콘을 배치? 내 웹 페이지의 헤더에있는 아이콘에 대한 내 현재의 HTML 코드에서

Question

, 나는 코드를 사용

<a href=''><img src=''/></a> | <a href=''><img src''/></a> 

다음 서로에 내 아이콘이며 매우 가까이두고 있지만,와 "|" 그들 사이에. "|"

는

사람은 그 날이 더 구체적으로 아이콘을 배치 할 수 있도록하고없는 것, 어떤 바람직 HTML 코드 예제를 추천 할 수 그 (것)들의 사이에서.

(내 문제의 전 가난한 설명을 실례!)

Answer 1

당신은 다음과 같을 것입니다 HTML과 CSS 인라인 사용할 수 있습니다

<a href='' style='margin: 0px 10px 0px 10px'><img src=''/></a> <a href='' style='margin: 0px 10px 0px 10px'><img src''/></a> 

이 왼쪽과 오른쪽의에 10px의 마진을 추가를 각 링크.

그러나, HTML 페이지의 머리에 CSS를 추가하면 더 좋은 생각이 될 것입니다 :

<style type="text/css"> 
.menuItem { 
margin: 0px 10px 0px 10px; 
} 
</style> 

그리고 대신 HTML로 이것을 사용 :

<a href='' class='menuItem'><img src=''/></a> <a href='' class='menuItem'><img src''/></a>