怎么让form表单在图片上居中显示呢

<div class="content">
		<div class="banner">
			<img src="image/banner3.jpg" class="banner-img">
			<div class="banner-form">
				<form>
					<input type="text" name="" placeholder="your Name">
					<input type="text" name="" placeholder="your Name">
					<input type="text" name="" placeholder="your Name">
					<textarea rows="6" cols="50" placeholder="your Name">
					
					</textarea>
					<input type="button" name="" value="SEND MESSAGE">
				</form>
			</div>
		</div>
	</div>