EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<style type="text/css">
		#content {
		  width: 100px;
		  height: 100px;
		  border: 1px solid green;
		  display: flex;
		  flex-direction: row-reverse;
		  background-color: gray;
		}
		
		.box {
		  width: 50px;
		  height: 50px;
		}
		
		
		.box1 {
		  width: 50px;
		  height: 50px;
		}
	</style>
</head>

<body>
	<h4>This is a Row-Reverse</h4>
	<div id="content">
		<div class="box" style="background-color:red;">A</div>
		<div class="box" style="background-color:lightblue;">B</div>
		<div class="box" style="background-color:yellow;">C</div>
	</div>
</body>

</html>