Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

「position: absolute;」縦中央

「position: absolute;」で縦位置を中央にする方法。

position: absolute;縦中央

HTML

<footer>
<small>Copyright &copy; 2013  All Rights Reserved.</small>
</footer>

CSS

footer small {
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -0.5em;
}