Q&A
補足願います。『若干隙間を開けたい』とはページ左端から隙間を空けたい、ということですか？ それとも文字詰めのことですか？
htmlに
<html lang="en"> <head> <meta charset="UTF-8"> <title>XOXO</title> </head> <body> <div class="heading"> <h1>LOVE YOU</h1> <h3>MISS YOU</h3> </div> </body> </html>
と書きました。cssに
.heading{ float: left; }
と書いて表示させると、
h1とh3タグの文字がものすごく左詰めで表示されました。
なので、左寄せにはしたいのですが、若干隙間を開けたいです。
どのようなcssのプロパティを使えば良いのでしょうか？ちなみにfloat: center;とすると文字が中央寄せになってしまい目的のものとは違いました。
回答2件
0
ベストアンサー
.headingにpaddingを設定
.heading{
float: left;
padding-left:5px;
}
もしくはh1,h3にmargin(paddingでも良いですが)を設定
h1,h3{
margin-left:5px;
}
では無いかと
投稿2017/10/02 08:42
総合スコア168
0
css
1 margin : 0 0 0 0; /* マージン 外枠との距離 上右下左 */ 2 padding: 0 0 0 0; /* パディング 枠内との距離 上下左右 */
で、単位や値を調整するのはいかがでしょうか。
投稿2017/10/02 08:41
総合スコア1638
あなたの回答
tips
プレビュー
