###前提・実現したいこと
ログアウトボタンが下に移動しないです。
このログアウトボタンを30px下に動かしたいです。
###発生している問題・エラーメッセージ
エラーは出ていません。
###該当のソースコード
HTMLに
HTML
1<header class="clearfix"> 2 3 <ul> 4 <form class="form-inline" name="logout" method="post" action="{% url 'logout' %}"> 5 {% csrf_token %} 6 <div class="form-group"> 7 <button type="submit" class="btn btn-primary" style="border-style:none;height:50%;font-size:15px;" id="logout">ログアウト</button> 8 <input name="next" type="hidden"/> 9 </div> 10 </form> 11 </ul> 12 13 </header>
CSSに
CSS
1*{ 2 margin: 0; 3 padding: 0; 4} 5 6header{ 7 height: 100px; 8 background-color:gray; 9 align-items: center; 10 display: flex; 11 justify-content: space-between; 12} 13 14ul { 15 display: flex; 16} 17
と書きました。
###試したこと
fixboxを用いて移動させようとしましたが、全く動きませんでした。
###補足情報(言語/FW/ツール等のバージョンなど)
CSS3
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。