对齐对象

Question

这是我要完成的完整设计：

这是代码：http://jsfiddle.net/rlesko/f3R7r/4/

几个问题：

1. 为对象margin-left更改时，为什么代码#date不执行任何操作？
2. 您是否知道我可以使用#separator对象.post-bg（白色背景）的代码？我在CSS中使用了margin-left。
3. 如何将<h2>文字的右边框与<p>文字的右边框对齐，但保持<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. 我认为这与无法跨域提供字体有关。但我并非百分百肯定。

Answer 2

1. 保证金有效，但h5很奇怪，你想要的合适保证金是：保证金：0 0 0 135px; （在萤火虫中测试）

2. 保证金：0自动;

3. text-align：justify？

4. 因为media fire进行了重定向并将您的网址转换为：http://www.mediafire.com/?f9selsldbgm6dnw，然后才能将文件转换为dl。这不是真正的直接下载，这就是你的字体不起作用的原因。例如，在您自己的域上上传它。

请尝试使用此代码：http://www.amws.fr/Univers.ttf

编辑：我还建议使用完整的@ font-face代码，以便所有浏览器都能很好地支持您的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;
}