Centre-aligned journal with css

[garedeuropa]

I'd like to have my journal centred horizontally. I find my journal's default layout too wide to read comfortably, so I used body {width:70%;} to narrow it. However, it won't budge from the left side of the screen. I've tried align:center, float:center, and auto left and right margins. Having it all on the left leaves a distracting block of white space on the right, so I'd much prefer the journal in the middle.

Comments

[chagrined]

You don't want to change the width on "body": you can't set margins on that (b/c "body" is your parent display element, if you will, the thing within which everything else that you see sits, so you can't tell it to be evenly spaced inside of another element).

Instead, you want to set the width and margins on the first child div inside body, which is called #canvas.

So for your CSS:

#canvas { width: 70%; margin-left: auto; margin-right: auto; }

That ought to do it! :)

[garedeuropa]

I did it by changing the margins, as dancing_serpent suggested - but thanks for the information. Now I understand a bit better about how a page is structured.