0

登録ボタンの CSS コードを取得しました。

.register-button {
    padding:7px 375px;
    background: #3b7aae;
    border-radius: 5px;
    border: none;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25), inset 0 1px 0 1px rgba(255,255,255,.25);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    font-size: 20px;
    text-decoration: none;
    position:absolute;
    bottom:-100px;
    left:0px;
    text-align:left;
    text-shadow:2px 2px rgba(0,0,0,.3);
}
    .register-button:hover {
    background-color: #4386be;
}



.register-button span {
    display:block;
    font-weight:normal;

}

HTML は次のようになります。

<a class="register-button" href="/register">
                Register today, you won't regret it!
            </a>

次に、これを出力します。

ここに画像の説明を入力 私の質問は簡単です。写真のようにではなく、どうすれば1行にとどまることができますか? 位置を固定に変更してトップを調整してみました。＆ 左; そして、それは事態を悪化させました。

4

2 に答える 2

0

パディング値を

.register-button {
    padding:7px 375px;

このようなものに

.register-button {
    padding:7px 35px;
于 2013-10-14T02:10:50.570 に答える