<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
section {
display: flex;
width: 50%;
height: 200px;
margin: auto;
border-radius: 10px;
border: 3px dashed #1c87c9;
align-items:center;
justify-content:center;
}
</style>
</head>
<body>
<section>
<p> I'm centered with Flexbox!</p>
</section>
</body>
</html>