<!DOCTYPE html>
<html>
<head>
<title> Title of the document</title>
<style>
div {
background-color: #8ebf42;
color: #ffffff;
width: 300px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 20px;
line-height: 30px;
}
h2,
h3 {
text-align: center;
color: #4287f5;
}
</style>
</head>
<body>
<h2>W3docs</h2>
<h3>Horizontally centered div</h3>
<div>
W3docs is a web developer information website, with tutorials and references relating to web development.
</div>
</body>
</html>