对齐对象答案

【问题标题】：Aligning objects对齐对象
【发布时间】：2011-12-26 06:36:29
【问题描述】：

这是我想要的完整设计：

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

几个问题：

为什么代码margin-left 对对象#date 进行更改时不执行任何操作？
您知道我可以使用什么代码将#separator 对象置于.post-bg（白色背景）的中心吗？我在我的 CSS 中使用了 margin-left。
如何将<h2> 文本的右边框与<p> 文本的右边框对齐，但保持<h2> 文本右对齐？
为什么自定义字体代码不适用于这个小提琴？

【问题讨论】：

标签： css alignment css-float

【解决方案1】：

很多点最好放在单独的问题中，但无论如何......

它确实有效！ Margin is set to 550px to prove
您可以在分隔元素上使用margin: 0 auto; 使其居中。 See here.
使用text-align: justify; 实现两边所需的文本对齐。 See it here。
我认为这与无法跨域提供字体有关。但我不是 100% 确定。

【讨论】：

感谢您的回答。 1）愚蠢的我，我确实注意了左边的所有空间，只尝试了大约 100 像素。 2) 太好了，谢谢。 3) 不，我希望标题的最右侧（单词“ONE”）与正文的右边框（段落）一致但我希望标题内的文本看起来像它一样左对齐。我必须使用margin-right还是有其他方法？如果我使用margin-right，其余的对象行为不端，我无法对齐。
要将文本右对齐，请使用text.align: right;。边距是元素边缘之外的空间。
我知道。看这张照片：i39.tinypic.com/24f9xmv.jpg 红线表示什么需要与什么对齐。
我测试了你的小提琴，除了 mediafire 产生了一个错误的链接，你似乎无法链接到另一个域。即使是链接到现有文件的干净的@ff 代码也不起作用。 ://

【解决方案2】：

边距有效，但 h5 很奇怪，按照您的意愿放置它的适当边距是：margin: 0 0 0 135px; （在萤火虫中测试）
边距：0 自动；
文本对齐：对齐？
因为 media fire 会进行重定向并将您的 url 转换为：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;
}

【讨论】：