html中div在form中水平居中,如何使div模块 在页面中水平居中？

下午搜了很多代码

这种是网上搜集的：普遍用这个办法 但我的不是很管用position:absolute;

top:50%;

left:50%;

这是我原始代码

             微信号 | English

这是CSS下几个类的属性

body,td,th{font-size:12px;color:#000;}

body{font-family:"微软雅黑";background:#FFF;padding: 0 auto;}

body,td,th,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,form,p,dl,dt,dd,ol{margin:0;padding:0;}

body,button,input,select,textarea{font:12px/1.5 Tahoma, Verdana, '宋体', STHeiTi, sans-serif;}

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

.head

{

width:100%;

margin: 0 auto 0 2px;

position: absolute;

top: 0; left: 0; bottom: 0; right: 0;

}

.center {

position:absolute;

width:1000px;

color:fff;

margin: 0 auto 0 20%;

border-style:solid; border-width:1px; border-color:#000;

}

.con

{

position:absolute;

top:25px;

left:400px;

}

.menu {

font:"宋体" 12px;

width:760px;

}

.menu ul {

padding:0;

margin:0;

list-style-type: none;

}

.menu ul li {

float:left;

position:relative;

}

.menu ul li a, .menu ul li a:visited {

display:block;

text-align:center;

text-decoration:none;

width:90px;

height:30px;

color:#8e2220;

line-height:30px;

font-size:13px;

letter-spacing:1px;

position:relative;

top:50px;

}

.menu ul li ul {

display: none;

}

.menu ul li:hover a {

color:#fff;

background:#8e2220;

}

.menu ul li:hover ul {

display:block;

position:absolute;

top:31px;

left:0;

width:105px;

}

.menu ul li:hover ul li a {

display:block;

background:#898989;

height:20px;

line-height:20px;

color:#fff;

font-size:13px;

}

.menu ul li:hover ul li a:hover {

color:#000;

}

希望大家能帮忙解决一下，这个代码要怎么写，才能实现 head 居中显示。宽为1000px，高度没有限制。