amir.karman

thank you for the time you spent and for the answer you gave. i get it now thanks to you 🌹

thank you for your answer yes like you said <a> display is inline and that also effects on <img> . so img is pushed to the left. how can i push it back to the center while it is still inline? i used position because absolute positioning removes the element from the flow of the page.

i tried something like the code u sent... (my footer has a certain width of 60px for example. i want it right in the middle and in the footer: <div class="down"> <div class="downcenter"> footer </div> </div> <style> .down{ } .downcenter{ bottom: 0; position: absolute; display: block; background-color: rgba(0,0,0,.5); color:#fdfdfd; width: 100px; height:20px; margin-left: auto; margin-right: auto; } </style> but it wont work it goes to the left and stick there! i even tried this but it is in left corner and wont mov

Hi i started css for not so long. therefore it might sounds ridiculous to u. but i need to figure it out. i am REcreating my chrome's google homepage i designed a Google logo, its PNG and i want it exactly in the center of page. take look what i've done: <div class="hhh"> <a href="https://www.google.com/"><img src="Logo.png" alt="google" class="logo" ></a> </div> here is the css for it: .hhh { position: absolute; width: 100%; height: 150px; margin: 120px auto; background-color: rgba(0,0,0,.30); } .logo { position: rela