EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The flex-wrap property in CSS</title>
	<style type="text/css">
		.content,
		.content1,
		.content2 {
		    color: #fff;
		    font: 100 24px/100px sans-serif;
		    height: 150px;
		    text-align: center;
		}
		
		.content div,
		.content1 div,
		.content2 div {
		    height: 50%;
		    width: 300px;
		}
		.red {
		    background: pink;
		}
		.green {
		    background: deeppink;
		}
		.blue {
		    background: orange;
		}
		
		.content {
		    display: flex;
		    flex-wrap: nowrap;
		}
		.content1 {
		    display: flex;
		    flex-wrap: nowrap;
		}
		.content2 {
		    display: flex;
		    flex-wrap: nowrap;
		}
	</style>
</head>

<body>
	<h4>This is an example for flex-wrap:nowrap </h4>
	<div class="content">
		<div class="red">1</div>
		<div class="green">2</div>
		<div class="blue">3</div>
	</div>
	<h4>This is an example for flex-wrap:nowrap </h4>
	<div class="content1">
		<div class="red">1</div>
		<div class="green">2</div>
		<div class="blue">3</div>
</body>

</html>