We need to move the text so that the first line is "WELCOME", the second is the centralized "TO MOGO". It turned out to be done only with the help of white-space: pre, but for me it’s a porno way and obviously there should be something adequate. Text-align: center does not react.

We need:


body {
  background-color: #777;
.header_h_text {
  width: 800px
  font-size: 150px;
  line-height: 140px;
  color: #fff;
  font-weight: 700
  font-family: "Montserrat";
  text-transform: uppercase;
  align-items: center;
  margin-top: 40px;
  text-align: center;
<div class="header_title">Creative Template</div><h2 class="header_h_text">Welcome to MoGo</h2><hr class="header_main_hr"><a href="#" class="header_link">Learn more</a>

How is text-align not working? You must be doing something wrong, add some code.

De.Minov2022-01-16 06:31:21


Max2022-01-16 06:39:13