Vertical align 3 elements

HTML & CSS
1

Im trying everything to vertically alogn a button and 2 images without any success.

My code is;

HTML:

<aside class="header-right widget-area sidebar" style="border-style: solid;
    border-width: medium;">
		
		<?php dynamic_sidebar( 'header-right' ); ?>
		
		<a href="http://www./contact-us"><button type="button" class="btn btn-primary btn-lg raised">DONATE</button></a>
		<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/parish-logo.png" alt="Parish Logo" style="height: 120px; padding-right:30px" />
		<a href="http://www./" target="_blank"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png" alt=" Logo" style="height: 120px;" /></a>

  	</aside><!-- .sidebar -->
2

Okay apologies i’ve found a solution using CSS for aside;

    display: flex;
    justify-content: center;
    align-items: center;
3 Likes
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.