html main居中,如何在html/css中居中并填充main？

我试图创建一个网站，看起来如下：http://i.stack.imgur.com/9YHAs.jpg 标题工作，但我不能让“主”工作，并尝试了几个选项。我试图漂浮一个PNG作为图像背景中心，并尝试与显示：内联块和背景颜色：白色。我的代码如下：如何在html/css中居中并填充main？

HTML:

Home - Portfolio Daniek

• Home
• Over
• Portfolio
• Contact

Menu

Hi

CSS:

.bg {

margin-top: 10%;

margin-left: auto;

margin-right: auto;

width: 90%;

height: 90%;

color: white;

background-image: url('bg.png');

}

任何人有任何解决方案，如何得到这个工作？

+1

请发布**完整**代码示例。 –

2014-10-20 17:21:03

+0

请点击此链接http://jsfiddle.net/orahkd80/ –

2014-10-20 17:26:39

+1

使用'rgb'背景与'opacity'例如rgba(224,234,241,0.69)'0.69'是'opacity' –

2014-10-20 17:30:57