下記のような構造のhtmlを表示すると、添付画像のような div.p
と、テキストがあるdiv.c
の間(上に1pxほど)に隙間ができるのですが、
この隙間どこから来るものなのでしょうか?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> </head> <body> <div class="p"> <div class="c"> ddd dddd </div> <div class="c">ddd</div> <div class="c"></div> </div> </body> </html>
.p { width: 200px; height: 200px; background: green; margin:0; padding:0; } .c { width: 50px; height: 50px; background:orange; border: 5px solid red; display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。