「CSS」vertical-alignでブロック要素の縦位置を指定する方法

2020年10月4日

1.上下中央寄せ

CSSコード
div.cft{
  height:80px;
  vertical-align:middle;
}
htmlコード
<div class="cft">
  <p>this is a test</p>
</div>

2.下寄せ

CSSコード
div.cft{
  height:80px;
  vertical-align:bottom;
}
htmlコード
<div class="cft">
  <p>abcde</p>
</div>