Forums

[resolved] Alignment Issues of main content (3 posts)

  1. mistamoni
    Member
    Posted 3 years 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.

  2. buddha trance
    Member
    Posted 3 years ago #

    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.

  3. mistamoni
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic