css - 見出しを別の見出しから50px移動するにはどうすればよいですか？

Question

左から50ピクセルのヘッダーを作成できると思います。しかし、別の見出しから50ピクセルのものを作成できますか？マージンからだけではありませんか？見出し2は、見出し1から50ピクセルである必要があります。これを行うにはどうすればよいですか？

Answer 1

それらをインラインブロックにし、最初のものに50pxのマージンを追加します。

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

この例を参照してください：http：//jsfiddle.net/bpR7H/

注：position: absolute絶対的に配置された要素は他の要素の位置に影響を与えないため、これが正しく機能することは避ける必要があります。

Answer 2

http://jsfiddle.net/w9FHw/

そんな感じ？

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