「position: absolute;」縦中央

• Jun 17, 2013
• Tags: css, tips

「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;
}