html按钮传this,html - center this h1 'button' - Stack Overflow

This is a really basic question, but I simply can't get this to work. I styled a h1 heading in a bootstrap framework, but cant get it to either:

-stay in center

-make it smaller on smaller screens

Any help will be greatly appreciated!

My css:

.itsthisone h1 {

background-color: #fff;

border: 6px solid #dfdfdd;

color: #f47d41;

font-size: 18px;

margin-left: auto ;

margin-right: auto ;

padding: 20px 0;

position: absolute;

top: -34px;

text-align: center;

width: 720px;

}

@media (max-width: 479px) {

.itsthisone h1 {

font-size: 14px;

top: -15px;

margin-left: auto ;

margin-right: auto ;

padding: 10px 0;

}

}

@media (max-width: 768px) {

.itsthisone h1 {

font-size: 14px;

width: 360px;

}

}

My HTML:

keep it in center!

Thanks in advance! (< /section> seems to dissapear from the code)