CSS 모양에서 이미지를 수정하는 올바른 방법은 무엇입니까?

Question

Demo

HTML 내가 만든 CSS 모양의 로고를 중심려고

#headerCircle { 
    width:460px; 
    height:460px; 
    background-color:#262626; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:-320px; 
} 

.logo { 
    background:url(../images/logov2.png) no-repeat; 
    width: 354px; 
    height: 181px; 
    position:absolute; 
    margin-left:auto; 
    margin-right:auto; 
    top:10px; 

} 

<div id="headerCircle"> 
    <div class="logo"> 
    </div> 
</div> 

CSS. 왼쪽 여백과 오른쪽 여백이 자동으로 설정되어 있어도 약간 꺼져있는 것 같습니다. 내가 * 패딩-left 속성 * 왼쪽 재산 * 취소 중첩 된 로고를 시도하고 왼쪽 사용과 오른쪽 속성을 수동으로

변경하여 .logomargin-left: auto;에 그것을

Answer 1

에게 간단한 솔루션을 배치 무엇

:

margin-left: 60px; 

로고가 중앙에 배치됩니다.