実現したいこと(ゴール)、やってみことなどを追記してください。「どうしたら正解か」が分からなければ回答は得られません。 https://teratail.com/help/question-tips#questionTips3-3
CSSでspanに対しdisplay:inline-blockを指定してその中に文字や画像を挿入したら、
inlinel-blockがズレて表示されてしまう。
対応方法を教えて下さい。
CSS
#main { display: block; background-color: #ffffff; position: absolute; width: 65%; height: 690px; top: 3%; left: 3%; box-sizing:border-box; } span.tabu { display:inline-block; background-color: #FFFF6E; box-sizing:border-box; padding: 2%; width: 45%; height: 130px; margin-top: 3%; margin-left: 3%; }
HTML
<div id="main"> <span class="tabu"> </span> <span class="tabu"> test </span> <span class="tabu"> </span> <span class="tabu"> </span>
回答1件
あなたの回答
tips
プレビュー