実現したいこと
画像のようにAの文字を中央に持っていきたい
該当のソースコード
index.html
1<!DOCTYPE html> 2<html> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <link rel="stylesheet" type="text/css" href="main.css" /> 6 <title>sample</title> 7 <link href="css/bootstrap.min.css" rel="stylesheet"> 8</head> 9<body> 10 <div class="container"> 11 <div class="row mx-auto text-center"> 12 <div class="col-12"> 13 <div class="flex"> 14 <p class="">A</p> 15 <p class="">B</p> 16 </div> 17 </div> 18 </div> 19 </div> 20</body> 21</html>
main.css
1.flex{ 2 display: flex; 3 justify-content: space-between; 4 align-items: center; 5 background:lightblue; 6}
回答3件
あなたの回答
tips
プレビュー