Help centering footer text

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    14 years ago

    It IS centered in the browser window — no matter how wide. Is that not what you want?

    Thread Starter makta112

    (@makta112)

    14 years ago

    Hi

    Yes, I know it’s centered in all windows but I want it to look like this:

    http://share.xboxlife.dk/file/yjyznjixmjviy2fkm2m0othhztc5nmfjmzgzotmymwu.jpg

    WPyogi

    (@wpyogi)

    14 years ago

    Do you mean that the two lines of text be left aligned? If so, you will need to put the text content inside an element — and center the element using a set width and margin: 0 auto; . The text should be left aligned in the enclosing (new) element.

    Thread Starter makta112

    (@makta112)

    14 years ago

    Okay. I’ve left aligned the tha text by placing it inside these <div align=”left”>…</div>

    Then I’ve added these lines of CSS:

    #site-generator div {
    margin: 0 auto !important;
    width: 0 auto !important;
    }

    I’m not sure if this is what you mean, but it didn’t work??

    WPyogi

    (@wpyogi)

    14 years ago

    The <div align=”left”> left aligns the div NOT what is inside it. The content inside will be left aligned by default — unless otherwise specified. You also need a set width that is less than 100% for the auto margin centering to work — which is not what you have

    Assign an ID to the new div and use that to use EXTERNAL CSS to center it — i.e.

    <div id="footertext">
   existing content in here
</div>

    CSS would be:

    #footertext {
   width: 80%;
   margin: 0 auto;
}

    Thread Starter makta112

    (@makta112)

    14 years ago

    It is as I want it now. Thank you!

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

The topic ‘Help centering footer text’ is closed to new replies.