Aligning the border to center

Discussion in 'CSS' started by tanmay.kamath1992, Jul 1, 2013.

  1. #1
    I am having a wordpress theme and i inserted a border
    Now i want to align that border to the center . what to do
    I tried box-align , border-align, nothing is happening .
     
    Solved! View solution.
    tanmay.kamath1992, Jul 1, 2013 IP
  2. cosx

    cosx Active Member

    Messages:
    49
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    63
    #2
    Border? You'll have to explain the problem better in order to get help. Best is to paste the code here.
     
    cosx, Jul 1, 2013 IP
  3. tanmay.kamath1992

    tanmay.kamath1992 Member

    Messages:
    203
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #3
    Can i paste the link here?
     
    tanmay.kamath1992, Jul 1, 2013 IP
  4. cosx

    cosx Active Member

    Messages:
    49
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    63
    #4
    Sure, go ahead.
     
    cosx, Jul 1, 2013 IP
  5. tanmay.kamath1992

    tanmay.kamath1992 Member

    Messages:
    203
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #5
    http://staging .bluebitsystems . com / advantage/
    Have a look at the border in the last .
    Want to align it to the center
     
    tanmay.kamath1992, Jul 1, 2013 IP
  6. cosx

    cosx Active Member

    Messages:
    49
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    63
    #6
    You keep mentioning border but I think you're actually referring to a box? The only one I don't see centered is the last box on the main column. If that's it, use "margin:0 auto;" like you already have on the other box positioned higher on your page.
     
    cosx, Jul 1, 2013 IP
  7. tanmay.kamath1992

    tanmay.kamath1992 Member

    Messages:
    203
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #7
    I did that mate ! Still its not aligning to the center
     
    tanmay.kamath1992, Jul 1, 2013 IP
  8. #8
    Do the same as you did on the other box. Replace the "p" tag with "div" on the box in question and it should work.
     
    cosx, Jul 1, 2013 IP
  9. tanmay.kamath1992

    tanmay.kamath1992 Member

    Messages:
    203
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #9
    Thank you so much man
    But can you please explain the logic .
    Why was it not comming in the middle when it was a p tag ?
     
    tanmay.kamath1992, Jul 2, 2013 IP
  10. cosx

    cosx Active Member

    Messages:
    49
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    63
    #10
    You're welcome. The p tag has other styling applied to it (see in your css file).
     
    cosx, Jul 2, 2013 IP