Question

任何人都可以看看这个，让我知道我做错了什么（可能是一些愚蠢的事情）？

我希望文本“测试”居中。

http://fiddle.jshell.net/uteaH/3/

CSS：

.wrap {
    max-width: 1139px;
    margin-left: auto;
    margin-right: auto;     }

#screenPresentation {
    border-top: 4px solid #d95936;
    margin-top: 50px;
    margin-bottom:10px;
    background: #fff;
}

#screenPresentation h2 {
    margin-top: -45px;
    color: #000;
    font-size: 2.4em;
    font-weight: 500;
    float:left;
}
 .loginContainer-wrapper {
    width: 99%;
    height: 500px;
    border: 2px solid #000;
    margin:0 auto;
}

HTML：

<div class="wrap" id="screenPresentation">
    <h2>Title</h2>
    <div class="loginContainer-wrapper">
        test
    </div>
</div>

Answer 1

text-align:center;任何机会？

Answer 2

我将成为一名思想家，因为你不会确切地告诉我们需要集中在哪里

DEMO

#screenPresentation h2

移除
float:left;

替换为
   position: absolute;
   width: 95%;
   text-align: center;

Sorry - I updated my question. I need the text "test" centered inside the inner div.

哦那个案子

从width:95%;text-align:center中删除#screenPresentation h2 将text-align:center添加到.loginContainer-wrapper

DEMO

Answer 3

要使文字居中，您需要两个步骤：

首先为您的代码重置margin和padding：
```
* {
  margin:0;
  padding:0;
}
```
第二次添加text-align：
```
.wrap {
  text-align:center;
}
```

演示 http://fiddle.jshell.net/uteaH/9/

Answer 4

你可以使用

<center>
test
</center>

将会这样做。

CSS使用嵌套Div进行居中

4 个答案: