How to align a
to the middle (horizontally/width) of the page [duplicate]

后端未结

关注

 27  1647

相关标签:

27条回答

2020-11-22 01:49

To make it also work correctly in Internet Explorer 6 you have to do it as follows:

HTML

<body>
    <div class="centered">
        centered content
    </div>
</body>

CSS

body {
    margin: 0;
    padding: 0;
    text-align: center; /* !!! */
}

.centered {
    margin: 0 auto;
    text-align: left;
    width: 800px;
}

0 讨论(0)

2020-11-22 01:49

This also works in Internet Explorer, but auto margins do not.

.centered {
    position: absolute;
    display:  inline-block;
    left:     -500px;
    width:    1000px;
    margin:   0 50%;
}

0 讨论(0)

上一页 1 2 3 4 5