Hi,
I would like to center two images. These two images must be next to each other and located in the center of the screen harizontally.
This is what I've tried.
header.php
<div id="banner">
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/banner.png" class="center"/>
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/bannerside.png" class="center"/>
</div>
style.css
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
The result is these two images are on top of each other and located in the center of the screen. How to achieves my objectives ?