jeandremelaria
11/7/2017 - 9:09 AM

CSS - Flexbox

flexbox
content_copyfile_download
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
	.flex-container{
		display:flex;
		width:400px;
		height:250px;
		background-color:#000;
		justify-content:center;
	}
	.flex-item{
		background-color:lightblue;
		width:100px;
		height:100px;
		margin:10px;
	}
	.first{
		order:-1;
	}
</style>
</head>

<body>
	<div class="flex-container">
		<div class="flex-item">Flex item 1</div>
		<div class="flex-item first">Flex item 2</div>
		<div class="flex-item">Flex item 3</div>
	</div>
</body>
</html>