<!DOCTYPE html> <html> <head> <style> .smiling-face{ width:200px; height:200px; background-color:yellow; border-radius:50%; position:relative; } .left-eye{ width:23%; height:20%; border-radius:45%; background-color:rgb(240,240,240); position:absolute; left:20%; top:20%; } .right-eye{ width:23%; height:20%; border-radius:45%; background-color:rgb(240,240,240); position:absolute; right:20%; top:20%; } </style> </head> <body> <div class="smiling-face"> <span class="left-eye"> </span> <span class="right-eye"> </span> </div> </body> </html>
Run
×
Share