像在图像中居中div

Question

如何将此div（在图片中）居中，以便保持响应？ （没有保证金）

＆＃13;

＆＃13;

<div id="featured-work">
			<h2>FEATURED WORK</h2>
			<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit
aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure
digni ssim. Donec porttitora entum suscipit. </p>
				<div id="featured-work-list">
						<div class="list1">
							<h3>Title 1</h3>
							<span>Proin iaculis purus digni consequat sem digni<br> ssim. Donec entum digni ssim.</span>
						</div>
						<div class="list2">	
							<h3>Title 2</h3>
							<span>Proin iaculis purus digni consequat sem digni<br> ssim. Donec entum digni ssim.</span>
						</div>
						<div class="list3">	
							<h3>Title 3</h3>
							<span>Proin iaculis purus digni consequat sem digni<br> ssim. Donec entum digni ssim.</span>
						</div>
						<div class="list4">	
							<h3>Title 4</h3>
							<span>Proin iaculis purus digni consequat sem digni<br> ssim. Donec entum digni ssim.</span>
						</div>
				</div>
		</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

<div id="featured_work" class="pull-left">

在css中

.pull-left{
    float: left;
    }