带有网站标题 Wordpress 的中心标志答案

【问题标题】：Centring emblem with site title Wordpress带有网站标题 Wordpress 的中心标志
【发布时间】：2013-04-05 20:38:39
【问题描述】：

我正在尝试使用 Wordpress 上的 21 内联以网站标题为中心的体育标志，但是我无法使其正常工作。你有什么建议吗？

以下是相关代码：

 <header id="branding" role="banner">    
     <hgroup> 
          <h1 id="site-title">
               <img src="http://aberdeenshirecc.org.uk/phpHrX1SaAM.jpg"style="width:84px;height:100px;     display:inline; vertical-align:center; img margin-top:200px; ">
               <span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' )    ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span>
          </h1>

很遗憾无法将 div 添加到子主题中，因此不得不在实际的 img 标签中使用 style=。

【问题讨论】：

由于是 CSS 相关问题，我建议添加 CSS 代码和 CSS 标签以获得更好的帮助。
我对 inline:centre 感到厌烦，但这并没有奏效。还有其他建议吗？
我没有适合你的解决方案，我只是提供关于如何更好地提出问题的建议。
很公平，尽管必须在 img 标签中使用 style=，因为 Div 没有使用子主题从 Wordpress 中获取。

标签： css wordpress header inline

【解决方案1】：

.. 或者如果你真的想通过 img 的 CSS 使用 display: block; 和自动边距。在你的情况下：

<img src="http://aberdeenshirecc.org.uk/phpHrX1SaAM.jpg" style="width:84px; height:100px; display:block; margin: 200px auto 0;">

【讨论】：