Q&A
左上に「マイページ」文字、右上に「ログアウト」ボタン、といった両端配置をしようと考えております。
サイトで見かけたdiv両端配置のコードを試したりしたのですが、上手くいきません。
ご教授願えないでしょうか。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>マイページ</title> 6 <link rel="stylesheet" type="text/css" href="top.css"> 7</head> 8<body> 9<form action="top.html" method="post"> 10<div class="top"> 11 <div>マイページ</div> 12 <div><input type="submit" name="logout" value="Logout"></div> 13</div> 14<hr> 15<!-- ここ以降は質問外のため省略 --> 16</form> 17</body> 18</html>
css
1.top { 2 display: flex; 3 justify-content: space-between; 4}
上記を試した結果、マイページとログアウトは縦並びになりました。
回答1件
0
ベストアンサー
css
1.top{ 2 display:flex; 3 justify-content:space-between; 4} 5.top div:first-child{ 6 text-align:left; 7} 8.top div:last-child{ 9 text-align:right; 10}
投稿2020/04/03 10:20
総合スコア117973
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/06 01:40