CSS Tips

縦方向のセンタリング

高さが固定されている場合、line-heightを使用すると、縦方向のセンタリングが可能です。

div#header {
height: 150px;
}
div#header p {
line-height: 150px;
}

画像等の横方向のセンタリング

div#header img {
display: block;
margin: 0 auto;
}

リンクのボーダーを削除

リンクのアクティブ、フォーカス時のボーダーを削除。

a:active, a:focus {
outline: none;
}