Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .chip { display: inline-block; padding: 0 25px; height: 50px; font-size: 18px; line-height: 50px; border-radius: 25px; background-color: #f1f1f1; } .chip img { float: left; margin: 0 10px 0 -25px; height: 50px; width: 50px; border-radius: 50%; } .closebtn { padding-left: 10px; color: #888; font-weight: bold; float: right; font-size: 20px; cursor: pointer; } .closebtn:hover { color: #000; } </style> </head> <body> <p>Click on the "x" symbol to delete the contact.</p> <div class="chip"> <img src="img_avatar.png" alt="Person" width="96" height="96"> John Doe <span class="closebtn" onclick="this.parentElement.style.display='none'">×</span> </div> </body> <!-- /howto/tryit.asp?filename=tryhow_css_contact_chips_close by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Feb 2025 18:50:19 GMT --> </html>
