怎么让图片上的文字居中呢？相关的代码我是这样写的

	<section id="banner">
		<p>
			<h2>Welcome to website</h2>
			lorem ipsum dolor sit amet, consectetur adipisicing elit
		</p>
		<img src="img/banner.jpg">
	</section>	

#banner{
	width:100%;
	height: 670px;
	position: relative;
}
#banner img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}