<!DOCTYPE html> <html> <head> <style> .square-comment{ position:absolute; width:200px; height:100px; background:lightgreen; border-radius:5px; } .square-comment::after{ position:absolute; content:""; top:100px; left:20px; border-top:30px solid lightgreen; border-right:30px solid transparent; } </style> </head> <body> <div class="square-comment"> <p>Web4College</p> </div> </body> </html>
Run
×
Share