<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
#example div {
width: 350px;
height: 80px;
margin: 100px auto;
background-color: #f2f2f2;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #666666;
padding: 15px;
text-align: center;
font-weight: bold;
font-size: 15px;
border: 3px solid #cccccc;
position: absolute;
left: 50%;
top: 100px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
</style>
</head>
<body>
<div id="example">
<div>
<p>Any content you want to show the user.</p>
</div>
</div>
</body>
</html>