使用 float 属性设置左，右对齐

vicky.yu

使用 float 属性是对齐元素的方法之一：

实例
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}

尝试一下 »

使用 Padding 设置垂直居中对齐
CSS 中一个简单的设置垂直居中对齐的方式就是头部顶部使用 padding:

.center { padding: 70px 0; border: 3px solid green; }

如果要水平和垂直都居中，可以使用 padding 和 text-align: center:
.center { padding: 70px 0; border: 3px solid green; text-align: center; }