テキストを下に垂直に整列させ、必要に応じて上の空白を埋めるにはどうすればよいですか？私はあなたが途中で見ることができるようにテキストが底に固執するために取得する方法が全くわからないしかし</p> <p><img src="https://i.stack.imgur.com/wUpiV.jpg" alt="enter image description here"></p> <p>：

Question

私の設計者は、以下の設計の事を思い付きました。私は（インラインCSSは単なる例のような）何かをすることができると思った：

<div style="vertical-align: bottom; height:30px;"> 
    <h2 style="line-height: 15px;font-size: 15px;padding: 0; margin:0;"> 
    Foo bar foo 
    </h2> 
</div> 

提案？

Answer 1

外側のdiv（黒いビット）をposition：absoluteまたはposition：relativeに設定すると、各ボタンに2つのdivを使用すると仮定すると、テキストを含む内部divにbottom：0を使用できます。 これは、テキストdivをその親の下に整列させる効果があります。 注：vertical-alignプロパティを使用することはできません。これは、表セルを表示している場合にのみ期待されるものであるためです。