개체를 페이지 중앙에 정렬하는 방법은 무엇입니까?

Question

내 웹 페이지의 객체를 다음 CSS와 정렬하려고 시도했지만 objects were not positioned at the centre. 어떻게해야합니까? 절대 왼쪽 :

자신이 위치 설정되어야 개체 상대 :

left:50%; 
margin-left:-25%; 

Answer 1

오브젝트의 부모 요소 (그들의 용기)의 위치로 설정해야 픽셀 50 % 마진 왼쪽 음수 값을 어느 물체의 값의 절반입니다.

또는 text-align : center가되도록 상위 요소를 설정하고 개체에 "margin : 0 auto;"

Answer 2

시도해주세요. 그것은에서 잘

작품을 작동합니다 : 당신이 경우 auto` : - Google 크롬 - - 사파리 인터넷 익스플로러 모질라

당신의 위치는 정말 나쁜 찾고

<!-- Div content --> 
<div style="margin:0 auto;text-align:center"> 

     <!-- Div align in the middle --> 
     <div style="margin-left:auto;margin-right:auto;text-align:center"> 
      <p>Hello my text is in the middle :-) </p> 
     </div> 

</div>