how to center my footer text

Discussion in 'CSS' started by driven, May 27, 2008.

0
  1. #1
    how do i center the contact info (email and #) in my footer here?

    I currently have this below. I want the information to be in the center for all browsers.

    #footer {
    clear: both;
    width: auto;
    margin: 50px 0 0 0;
    overflow: hidden;
    }

    .footershoe {
    float:left;
    }

    .footeraddress {
    float:left;
    margin: 30px 0 10px 200px;
    }
     
    driven, May 27, 2008 IP
  2. eugen

    eugen Active Member

    Messages:
    154
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #2
    Seems that you have fixed it on Firefox. Didn't checked other browser(s).
     
    eugen, May 27, 2008 IP
  3. Smeey

    Smeey Well-Known Member

    Messages:
    377
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    110
    #3
    Before the footer div add <div align="center">footer code</div>.
     
    Smeey, May 27, 2008 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    In #footer, add {text-align: center;}

    Lose .footershoe and .footeraddress

    cheers,

    gary
     
    kk5st, May 27, 2008 IP