<!DOCTYPE html> <html> <head> <style> .socialLinks{ position:relative; left:0px; } .socialLinks ul{ list-style-type:none; background-color:red; width:200px; padding:23px; position:absolute; } .socialLinks ul li{ float:left; } .socialLinks ul li a{ display:block; padding:23px; text-decoration:none; background-color:rgba(200,200,200,1); position:absolute; top:0px; left:0px; border-radius:7px; background-position:center; } </style> </head> <body> <div class="socialLinks"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </div> </body> </html>
Run
×
Share