WEB制作(html・css(スタイルシート))に関する各種メモ書き

DIVの中を下揃えで配置する

DIVの中を下揃えで配置を行うには

.test{
    position:absolute;
    bottom: 0;
}

でOK!

例:

<HTML>
<BODY>
<H1 style="height:500px;border:solid 1px red;position:relative;">
<span style="position:absolute;bottom:0">テキストテキストテキストテキストテキストテキスト</span>
</H1>
</BODY>
</HTML>

関連エントリー

添付ファイル1
shita.html ( 369.0 Bytes ) ダウンロード
No.427
04/21 10:32

edit

添付ファイル

css