Alignment Issues of main content

  • Resolved mistamoni

    (@mistamoni)


    15 years, 12 months ago

    I’m trying to make my blog so the title and headings are centered, but the main content of the post to align on the left.

    My Blog

    The only thing that seems to control the alignment is the following code:

    #header, .content, #sidebar, #footer{
	margin: 0 auto;
	width: 800px;
	text-align: center;
	vertical-align: top;
}

    Changing the text-align re-aligns everything, and I need a way to figure out how to ONLY get the content to be on the left. Removing the .content from the order does not work. The reason being is my header image is designed specifically to include the title in the middle. If there’s a way to only get the title in the center, and everything else on the left, then that’ll work too.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Instead of removing the .content from the order, try removing and separating the #header, like this:

    #header {
	margin: 0 auto;
	width: 800px;
	text-align: center;
	vertical-align: top;
}

.content, #sidebar, #footer{
	margin: 0 auto;
	width: 800px;
	text-align: left;
	vertical-align: top;
}

    See if that works for you.

    Thread Starter mistamoni

    (@mistamoni)

    That worked!! Thank you very much. Such a simple thing, I have no idea why I didn’t think of it before. Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Alignment Issues of main content’ is closed to new replies.