css - 带有网站标题 Wordpress 的中心标志

Question

我正在尝试使用 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=。

Answer 1

.. 或者如果你真的希望通过 img 的 CSS 使用display: block;和自动边距来做到这一点。在你的情况下：

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