flexbox

by turbographics2000

HTML

<div id="container">
	<div id="divA">
		<img id="catImg" src="http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg">
	</div>
	<div id="divB"></div>
</div>

CSS

#container {
	display:flex;
	align-items:center;
	justify-content: space-around;
	height: 500px;
	border: 4px solid green;
}
#container {
	margin: 10px;
}
#divA{
	display: flex;
	width: 450px;
	height: 350px;
	border: 4px solid red;
	justify-content: center;
	align-items: center;
}
#divB{
	width: 200px;
	height: 200px;
	border: 4px solid blue;
}