将文字保留在中间

Question

我想在中心添加“ wishindia”，但是当我添加“登录/注册”时，它不会保留在中心。 请帮我这样做。

码：

 .fontstyle {
     font-size: 2.5em;
     color: #ff3c00;
     font-family: 'Comfortaa', cursive;
     text-decoration: none;
   }

.fontstyle:hover {
    color:#ef430e
}

@media (max-width:450px)
   {
        .fontstyle {
              font-size: 2em;
        }
   }

 .login  {
    float: right;
   }

 <div class="row">
    <div class="col-sm-12" style="padding:0px;">
      <div class="custom text-center">
         <a class="fontstyle" href="#">wishindia</a>
         <a class="login" href="#">Login/SignUp</a>
      </div>
   </div>
 </div>

Answer 1

尝试这个：

.fontstyle {
     position: absolute;
     transform: translateX(-50%);
     //More code....
}

 .row { margin:0!important; } .fontstyle { font-size: 2.5em; color: #ff3c00; font-family: 'Comfortaa', cursive; text-decoration: none; position: absolute; transform: translateX(-50%); } .fontstyle:hover { color:#ef430e } @media (max-width:450px) { .fontstyle { font-size: 2em; } } .login { float: right; } 

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <div class="row"> <div class="col-sm-12" style="padding:0px;"> <div class="custom text-center"> <a class="fontstyle" href="#">wishindia</a> <a class="login" href="#">Login/SignUp</a> </div> </div> </div>