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