So am trying this code... and I can't figure out how to center it on the page. I've tried many different techniques, I feel like there is something basic I am missing. Here is the html code:
**<div id="a" style="margin: 0; ">
<a href="index.html" style="background-color: white; padding: 0px; background-image: url(); "><img class="first" src="textlogo.jpg" alt="Website Logo" style="margin: 0; " /></a>
<a href="index.html" style="background-color: white; padding: 0px; background-image: url(); "><img class="second" src="textlogo2.jpg" alt="Website Logo #2" style="margin: 0; " /></a>
</div>**
And here is my css:
#a img.second {display: none; }
#a:hover img.first {display: none; }
#a:hover img.second {display: inline-block; }
This code makes it so that when you hover over the first image, a second image appears in its place. Please help me figure out how to center it!