Css 容器的垂直对齐

我正在尝试垂直对齐我的容器

基本上，顶部容器是容器右侧的几个像素。我试过几件事，但都没有成功。有人有专业知识吗

下面是我的CSS

/* structure */
.container {
    background: #FFF;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 0 10px 10px ;
    width: 780px;
    transform: translateY(2.5%);
    Clear:Left ;
}

/* header */
.top {
    background: url(img/clouds.gif) repeat-x;
    padding: 50px 10px 0;
}

/* title */
.header {
    background: #FFF;
    font-size: 1.2em;
    height: 170px;
    margin: 0 auto;
    padding: 10px 10px 5px;
    width: 780px;
}

.header .left, .header .right {
    background: #A4A4A0;
    color: #FFF;
    height: 150px;  
}

.header .left {
    background: #B3C2C7 url(img/header.jpg) no-repeat;
    font: normal 2.8em "Trebuchet MS",sans-serif;
    line-height: 150px;
    text-align: center; 
    width: 564px;
}

.header .right {
    overflow: auto;
    width: 190px;
}

.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* main */
.main {
    border-top: 4px solid #FFF;
    background: url(img/bgmain.gif) repeat-y;
}

.left{float:left；} .right{float:right；} /*结构*/ .集装箱{ 背景：F0F0； 字体大小：1.2米； 保证金：0自动； 填充：0 10px 10px； 宽度：780px； 转化率：转化率2.5%； 清除：左； } /*标题*/ .顶{ 填充：50px 10px 0； } /*头衔*/ .标题{ 背景：F1F1； 字体大小：1.2米； 高度：170px； 保证金：0自动； 填充：10px 10px 5px； 宽度：780px； } .header.左，.header.右{ 背景：A4A4A0； 颜色：FFF； 高度：150像素； } .头，左{ 字体：普通2.8em投石机MS，无衬线； 线高：150px； 文本对齐：居中； 宽度：564px； } .头球，对{ 溢出：自动； 宽度：190px； } .header.right p、.header.right h2{padding:0 16px；} .header.right h2{填充顶部：16px；字体：普通1.6em投石机MS，无衬线；} /*主要*/ 梅因先生{ 边框顶部：4倍实心FFF； 背景：A4A4A0； } xxx xx xxx

你好

---

垂直对齐：中间对齐；显示后工作正常：表格单元格

请创建一个提琴，也包括HTML。你试过垂直对齐吗？是的，我试过垂直对齐