保留中心的文本

Question

我想要＆＃39; wishindia＆＃39;在中心，但是当我添加Login / SignUp时，它不会保留在中心。请帮我这样做。

代码：

 .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>