<!DOCTYPE html> <html> <head> <style> .round-comment{ width:200px; height:180px; border-radius:50%; background:lightgreen; text-align:center; position:absolute; font-size:15px; } .round-comment::after{ position:absolute; content:""; border-top:40px solid lightgreen; border-right:30px solid transparent; top:155px; left:40px; } </style> </head> <body> <div class="round-comment"> <p>This is <br> comment container.<br> It may be used on <br> input elements.</p> </div> </body> </html>
Run
×
Share