센터 정렬되지 않은 목록 가로

Question

센터링 나는 매우 기본적인 '곧 출시 예정'페이지에있는 수평 정렬되지 않은 목록입니다.

link to the site을 따라 코드를 살펴볼 수 있습니다. 3 개의 사교 아이콘이있는 가로 목록은 큰 머리글과 전자 메일 주소에 상대적으로 중심에 있지 않으며 오른쪽으로 약간 떠있는 것 같습니다.

해결 방법에 대한 의견이 있으십니까?

Answer 1

ul 요소에 을 설정하십시오.

Google 크롬이 가운데 위치를 오프셋하는 기본 브라우저 -webkit-padding-start: 40px;을 덮어 씁니다. 다른 브라우저 기본값은 다를 수 있습니다.

Google 크롬에서 테스트했는데 문제가 해결되었습니다.

Answer 2

.social_list 요소에서 왼쪽 패딩을 제거하십시오. 방화범 당신이 DOM을 검사 할 때 당신에게 요소에 패딩과 마진을 보여줍니다으로 밖으로 훨씬 더 쉽게 이런 종류의 문제를 파악하게

.social_list { 
    padding: 0; 
} 

.

Answer 3

@Curt의 대답은 잘하지만 당신은 당신의 요소를 재설정해야, 당신은 실제로 때문에

..이

사용이 브라우저의 기본값을 재설정하려면, 난 항상 대신 CSS Reset 스타일의이 사용이 문제에 직면하고있다

* { 
    padding: 0; 
    margin: 0; 
} 

당신은 브라우저가 일부 요소에 대한 기본 스타일을 설정하고, 따라서 당신이 Mr.A @이 문제