제목을 다른 제목에서 어떻게 이동합니까?

Question

왼쪽부터 50 픽셀 헤더를 만들 수 있습니다. 하지만 다른 머리글에서 50 픽셀을 만들 수 있습니까? 마진이 아닌? 제목 2와 마찬가지로 제목 1과 50 픽셀이되어야합니다. 어떻게해야합니까?

Answer 1

둘 다 인라인 블록으로 만들고 처음에 50px margin-right를 추가하십시오. http://jsfiddle.net/bpR7H/

참고 :

<style>h1, h2 { display: inline-block; margin-right: 50px; }</style> <h1>my thing</h1> <h2>my other thing<h2> 

이 예제를 참조하십시오 절대 위치 요소가 다른 요소의 위치에 영향을 미치지 않기 때문에 당신은 제대로 작동하려면이에 대한 position: absolute를 방지 할 필요가있다.

Answer 2

http://jsfiddle.net/w9FHw/

뭐 그런?

#rightheading { 
    position: relative; 
    left: 50px 
}