ログインフォームと”ログイン”の文字の間を狭くしたいです。
HTMLに
<header class="clearfix"> <nav> <h1 class="title">AAA</h1> <div class="loginform"> <h3 class="login">ログイン</h3> <form class="form-inline" action="{% url 'login' %}" method="post" role="form"> {% csrf_token %} <div class="form-group"> <label class="email_form">メールアドレス</label> <input for="id_email" name="email" type="text" value="" placeholder="メールアドレス" class="form-control"/> </div> <div class="form-group"> <label class="password_form">パスワード</label> <input id="id_password" name="password" type="password" value="" minlength="8" maxlength="12" placeholder="パスワード" class="form-control"/> </div> <button type="submit" class="btn btn-primary btn-lg">ログイン</button> <input name="next" type="hidden" value="{{ next }}"/> </form> </div> </nav> </header>
と書きました。
cssに
.login{ font-size: 20px; } .loginform{ float: left; display: block; padding-top:1px; padding-right:30px; }
と書いたのですが、
loginクラスとform-inlineクラスの間を狭くするのにどのように書けばいいのか(どういう属性を使えばいいのか)わかりません。どのように書けばいいのでしょうか?
回答2件
あなたの回答
tips
プレビュー