###解決したいこと
vertical-alignのプロパティでインライン要素をインラインブロック要素に指定しても反映されません。
クローム、サファリ、ファイヤーフォックスのブラウザで表示しても反映されませんでした。
なぜインラインブロック要素にしても使用できないかわかりますか?
###htmlコード <div class="test"> <a class="test1">テスト</a> <a class="test2">テスト2</a> <a class="test3">テスト3</a> </div>
###cssコード .test{ background-color:gray; } .test1{ vertical-align:bottom; height:300px; display:inline-block; } .test2{ vertical-align:middle; height:300px; display:inline-block; } .test3{ vertical-align:top; height:300px; display:inline-block; }
###補足
table要素にした時にはきちんと反映されます。
コードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答1件
あなたの回答
tips
プレビュー