-1

How to make those flags on the right centered vertically? Here's my contact-bar.css file (on the bottom are flags):

<?php
/**
 *  Terrifico
 */
global $data; ?>            
            <div id="contact-bar">
                <p class="label"><?php echo $data['top_panel_contact_text']; ?></p>
                <a class="mail" href="mailto:<?php echo $data['top_panel_email'];?>">
                    <i class="icon-envelope-alt"></i>
                </a>
                <a class="phone">
                    <i class="icon-phone"></i>
                    <span><?php echo $data['top_panel_phone']; ?></span>
                </a>
            </div><!--contact-bar-->


<div id="flags" style="float: right" margin-top:10px;>
<?php if( function_exists( 'simple_language_switcher' ) ) { ?>
<div id="simple-language-switcher"><?php simple_language_switcher(); ?></div>
<?php } ?>
</div>

enter image description here

Paul Floyd
  • 5,530
  • 5
  • 29
  • 43
marjanbaz
  • 1,052
  • 3
  • 18
  • 35

1 Answers1

0

Try this 

#flags{
display:table-cell;
vertical-align:middle;
}

For inline style try

<div id="flags" style="float: right; display:table-cell; vertical-align:middle;">

Reference: vertical center an image without knowing dimensions

Other similar questions

Using margin:auto to vertically-align a div

Community
  • 1
  • 1
user11
  • 321
  • 2
  • 3
  • 12