How can I make the div with class=footer aligned to the center? Also how can i make the hr lines fade?... see description.
<!DOCTYPE html> <html> <head> <title>My Blog</title> <link href="new2.css" rel="stylesheet"> </head> <body> <div class="header"> <h2>ABOUT ME | <span> RESUME</span></h2> </div> <hr> <div class="name"> <h3>JESSICA PRICE</h3> </div> <p class="designation"> Creative Director and Designer</p> <hr> <div class="gif"> <img src="img3.jpg" alt="gif" class="center"> </div> <div class="section"> <h1><span>ABOUT ME</span></h1> <p> My paragraph </p> </div> <hr> <div class="footer"> <div style="width:100px; float:left; height:100px; ">FACEBOOK</div> <div style="width:100px; float:left; height:100px; ">|</div> <div style="width:100px; float:left; height:100px; ">INSTAGRAM</div> <div style="width:100px; float:left; height:100px; ">|</div> <div style="width:100px; float:left; height:100px; ">LINKEDIN</div> </div> </body> </html>