Question

https://fast-fortress-5770.herokuapp.com/

只需要一些手拿着来获得h1元素哟！贾斯汀在这里。而h3元素我在这个网络上的东西都是响应性的，但也是中心的。然而，为此奋斗，所以如果能伸出援助之手，我会感激不尽。非常感谢。

＆＃13;

    .section {
     text-align: center;
     margin:0!important;
     padding:0!important;
    }
    #floater {
     margin-top: 23% 0;
     margin-left: 39% 0;
    }

＆＃13;

     <div class="section" id="floater">
      <h1><strong>Yo! Justin here.</strong></h1>
      <h3>I'm all over this web thing.</h3>
     </div>

＆＃13;

Answer 1

#floater
{
  width: 800px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

添加这段css代替#floter的代码。这适用于大多数浏览器。

Answer 2

您可以将text-align：center分配给h1和h3，也可以添加

.section {
margin: 0 auto;
}

div不是文本，因此无法使用text-align。

Answer 3

当你有一个很小的代码时，一个快速的调试方法就是逐行删除css（如果你不想删除它，你可以快速注释掉一行）。

.section {  text-align: center;  
margin:0!important; 
padding:0!important; }
#floater {  margin-top: 23% 0;  
margin-left: 39% 0; }

例如：

.section {  text-align: center;  
/*  margin:0!important; */
padding:0!important; }
#floater {  margin-top: 23% 0;  
margin-left: 39% 0; }

HTML没有正确居中

3 个答案: