HTML не по центру правильно

Question

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

просто нужна рука держит, чтобы получить h1 элемент Yo! Джастин здесь. и элемент h3 я во всем этом веб-магазине, чтобы быть отзывчивым, но также сосредоточенным. однако, борется с этим, поэтому я был бы признателен, если бы я мог протянуть руку. Большое спасибо.

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

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

Answer 1

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

добавить этот кусок CSS вместо кода у вас есть для #floter. это должно работать для большинства браузеров.

Answer 2

Вы можете либо назначить выравнивания текста: центр для вашего h1 и h3, или вы можете добавить

.section { 
margin: 0 auto; 
} 

ДИВ не текст, поэтому он не может использовать выравнивание текста.

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; }