Question

This is the complete design I’m going for:

And this is the code: http://jsfiddle.net/rlesko/f3R7r/4/

A couple of questions:

1. Why doesn’t a code margin-left do nothing when changed for the object #date?
2. Do you know of a code that I can use to center a #separator object on a .post-bg (the white background)? I used margin-left for that in my CSS.
3. How can I align the <h2> text’s right border to the <p> text’s right border but keep the <h2> text alignment to the right?
4. Why doesn’t a custom font code work for this fiddle?

Answer 1

lots of points are best put into separate questions, but anyway…

1. It does work! Margin is set to 550px to prove

2. You can use margin: 0 auto; on the separator element to center it. See here.

3. Use text-align: justify; for your desired text alignment on both sides. See it here.

4. I think it has to do with not being able to serve fonts cross-domain. But I am not 100% sure.