css - 垂直居中

Question

这让我发疯，这可能非常容易，我怎么能漂浮一个 <hgroup>垂直居中，少量动态内容的高度向右对齐(高度未知)。

<style>
#branding hgroup {
    margin: auto 0 auto 0;
    float:left;
}
#header-contact-info{
    margin:0;
    float:right;
    text-align:right;   
}
</style>

<header id="branding" role="banner">
  <hgroup> 
    <a href="http://thesite.com/"/><img src="logo.png" /></a> 
  </hgroup>
  <div id="header-contact-info">
               <p>some</p>
       <p>contact info</p>
    <p>justified right</p>
  </div>
  <div style="clear:both"></div>
</header>

因此，如果我有一个 logo.png，我希望它垂直居中，联系信息在右边，我应该实现什么 CSS 样式？

Answer 1

您没有使用 hgroup正确标记。它应该包含一组标题标签，例如 h1 , h2等

除此之外，阅读本文的任何人都不应使用 <hgroup>不再标记，因为它已从 HTML5 规范中删除，as of today .