整列オブジェクト

Question

これは私が行くよ完全な設計です：

そして、これはコードです：http://jsfiddle.net/rlesko/f3R7r/4/

質問のカップル：

1. なぜコードがありませんmargin-leftオブジェクトの変更時に何もしない#date？
2. あなたは、私が.post-bg上#separatorオブジェクト（白背景）を中心に使用できるコードを知っていますか？私はmargin-leftを私のCSSで使っています。
3. どのように私は<p>テキストの右の境界に<h2>テキストの右境界線を揃えるが、右に<h2>テキストの配置を維持することができますか？
4. なぜカスタムフォントコードはこのフィドルでは機能しませんか？ポイントの

Answer 1

ロットが最高の別の質問に入れているが、とにかく...

1. それは作業を行います！ Margin is set to 550px to prove

2. セパレータ要素にmargin: 0 auto;を使用して中央に配置することができます。 See here。

3. は両側にご希望のテキストの整列のtext-align: justify;を使用してください。 See it here。

4. は、私はそれがフォントにクロスドメインにサービスを提供することができないとしなければならないと思います。しかし、私は100％確信していません。

Answer 2

1. マージンの作品が、H5は奇妙であり、あなたがしたいようにそれを置くための適切なマージンがある：マージン：0 0 0 135px;

2. マージン（放火魔でテスト）：0自動;

3. text-align：justify？

4. media fireはリダイレクトを行い、あなたのURLをhttp://www.mediafire.com/?f9selsldbgm6dnwに変換してから、そのファイルだけを削除できます。これは実際の直接ダウンロードではないので、あなたのフォントは機能しません。たとえば、自分のドメインにアップロードします。

代わりにこの方法を試してください。http://www.amws.fr/Univers.ttf

編集：すべてのブラウザでは、よくあなたのCSSをサポートするように、私はまた、完全な@フォントフェースコードを使用することをお勧めしたい：

@font-face { 
    font-family: 'LiberationSansRegular'; 
    src: url('http://www.amws.fr/Univers.eot'); 
    src: url('http://www.amws.fr/Univers.eot?#iefix') format('embedded-opentype'), 
     url('http://www.amws.fr/Univers.woff') format('woff'), 
     url('http://www.amws.fr/Univers.ttf') format('truetype'), 
     url('http://www.amws.fr/Univers.svg#LiberationSansRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}