垂直居中<hgroup> </hgroup>

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中删除。