html 两列文字居中显示,html – 如何使用CSS将两列居中？

我试图在我的网站上设置两列,但存在一些问题.每次更改的结果都是左侧位置(见

picture).我究竟做错了什么？这是我的CSS：

body {

background - image: url("../img/gray.png");

}

#header {

position: absolute;

top: 0;

left: 0;

right: 0;

height: 100px;

background: #cc0000;

text - align: center;

}

#wrapper {

margin: 100px;

width: 1280px;

}

#leftcolumn {

float: left;

background - image: url("../img/gray.png");

margin: 10px 0px 10px 0px;

padding: 10px;

height: 682px;

width: 460px;

}

#rightcolumn {

float: left;

color: #333;

border: 1px solid # ccc;

background: #F2F2E6;

margin: 10px 0px 10px 0px;

padding: 10px;

height: 500px;

width: 439px;

display: inline;

position: relative;

}

谢谢