Source Code:
(back to article)
Submit
Result:
Report an issue
<!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>