Center block element

Discussion in 'HTML & Website Design' started by orionrock, Jul 11, 2013.

0
  1. #1
    How do I center block elements with CSS1?
     
    orionrock, Jul 11, 2013 IP
  2. scottlpool2003

    scottlpool2003 Well-Known Member

    Messages:
    1,708
    Likes Received:
    49
    Best Answers:
    9
    Trophy Points:
    150
    #2
    Are there any particular reasons you're using CSS1?

    You can do it by setting the margin-left,margin-right to auto and set the width of the block element:

    .Container_box {
margin-left:auto;
margin-right:auto;
width:40%;
}
    Code (markup):
     
    scottlpool2003, Jul 11, 2013 IP
  3. jackburd

    jackburd Active Member

    Messages:
    396
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    73
    #3
    in addition to the code above, sometimes you need to add:

    float: none;
clear: both;
    Code (markup):
     
    jackburd, Jul 11, 2013 IP