내 이미지에 여백이 적용되지 않습니다.

Question

이미지에서 여백을 얻는 데 문제가 있습니다. 나는 이미지를 가지고 있고, 다음과 같은 CSS 있습니다

#logoRedrum{ 
    position:relative; 
    width:50px; 

    margin-top:auto; 
    margin-right:0; 
    margin-bottom:auto; 
    margin-left:0; 
} 

은 다음과 이미지에 대한 HTML 그대로을 : 내가 함께 할 노력하고있어 것입니다

<img id="logoRedrum" src="resources/img/logoRedrum.png">

내 이미지 중심 항상. 대신이 중심을 가지고,이 일을한다 :

파란색 윤곽선으로 붉은 뒤로 "R은"내 이미지입니다. 나는 이미지가 왼쪽에 머물러있게 만들지도 모른다고 몇 번이나 봤지만 아무 소용이 없었다.

모든 도움을 매우 높이 평가합니다.

Answer 1

display:block;img을에 추가 그것을 할, 주요 부모의 쉬운 이미지 중심을해야하는 경우

#logoRedrum{ 
    position:relative; 
    width:50px; 
    display:block; 
    margin:0 auto 
} 

DEMO

Answer 2

이

// HTML처럼

<div class="centered-content"> <img class="no-margin" src=""/> </div> 

// CSS

.contered-content { 
    text-align:center; 
    } 
.no-margin{ 
    margin:0 auto; 
}