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 规范中删除，截至今天。