新しいGoogleログインページの次のボタンと同様に、ページの左側にボタンを作成します

Question

新しいGoogleサインの「次へ」ボタンと同様に、ページの右側にボタンを作成したい青い背景のあるページ。そのコードは何ですか？

Answer 1

これは何か？

.nextButton { 
 
    padding: 10px 15px; 
 
    background-color: #4285f4; 
 
    border: 1px solid #4285f4; 
 
    color: white; 
 
    font-size: 16px; 
 
}

<button type="button" class="nextButton"> 
 
Next 
 
</button>

Answer 2

私は、これはあなたを助けることを願っています。 Demo

.container { 
 
    margin-top: 50px; 
 
    margin-bottom: 50px; 
 
} 
 
a 
 
{ 
 
    margin-top: 200px; 
 
    float: right; 
 
}

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css" rel="stylesheet"/> 
 
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/js/materialize.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/css/materialize.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
     <a class="waves-effect waves-light btn">next</a> 
 
</div>