如何在div中居中文本

时间:2014-01-11 01:06:29

标签: css html center

这是我的HTML:

<div class="fourcol" align="center" ;="" style="float:;">
<h2 class="center" style="text-align: center;">More Mentors Announced Soon</h2>

文本本身是中心对齐的,但我希望它在页面中水平居中。我怎么能这样做?

这是我用过的CSS

.fourcol, {
    position: relative;
    float: left;
    margin-right: 2.762430939%;
    margin-bottom: 20px;
    margin-top: 20px; 
}


h2.center {
    width: 50%;
    margin: 0 auto;

2 个答案:

答案 0 :(得分:2)

试试这个。更改课程fourcol to more

.more {
    float: left;
    width: 100%;
}
<div align="center" class="more">
<h2 style="text-align: center;" class="center">More Mentors Announced Soon</h2>
</div>

答案 1 :(得分:0)

http://jsfiddle.net/aDdge/

只需删除宽度为50%的行

h2.center {
    width: 50%; //remove this line
    margin: 0 auto;
}

修改

http://jsfiddle.net/aDdge/2/

h2.center {
    margin-top: 34%;
}