Editar o código:
ver o resultado »
Tente você mesmo - ©
w3ii.com
<!DOCTYPE html> <html> <head> <style> div { box-sizing: border-box; padding: 16px; width: 100%; background-color: red; color: #fff; } .closebtn { float: right; font-size: 30px; font-weight: bold; cursor: pointer; } .closebtn:hover { color: #000; } </style> </head> <body> <div> <span onclick="this.parentElement.style.display = 'none';" class="closebtn">×</span> <p>To close this container, click on the X symbol to the right.</p> </div> </body> </html>