CodePen Embed - 區塊水平置中 Flex

<body>
	<div class="section-flex">
		<div class="section-block"></div>
	</div>
</body>

/* 水平置中 */
.section-flex {
	display: flex;
	justify-content: center;
}
.section-block {
	width: 50%;
	height: 200px;

	/* 好看用 */
	border: 1px solid #000;
	margin-top: 10px;
}

This Pen is owned by Ted Liou on CodePen.

See more by @tedliou on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.