Как сделать чтобы блоки располагались на одной линии?

<div class="service-area service-blue text-center">
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<h1>Block1</h1>
				</div>
				<div class="col-md-4" style="margin-top: -50px">
					<h1>Block2</h1>
				</div>
				<div class="col-md-4" style="margin-top: -100px">
					<h1>Block3</h1>
				</div>
			</div>
		</div>
	</div>