Спонсор логотипа двадцать одиннадцать

Question

Я использую Wordpress с темой Twenty Eleven.

На данный момент у меня есть эмблема спортивного клуба с заголовком. Теперь меня попросили добавить логотип спонсора слева от заголовка, встроенного в эмблему. Кто-нибудь знает легкий способ сделать это?

вот код:

<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>



 Sponsored by:
<img  src="http://aberdeenshirecc.org.uk/Ace.jpg"style="width:200px;height:76px;    float:left; display:inline; vertical-align:left; ">
            <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
        </hgroup>

Answer 1

Создайте div с вашим изображением и разместите его с помощью css:

CSS:

#imgdiv {
 position:absolute;
 top:20px;
 left:-40px;
}

HTML:

<div class='imgdiv'><img src='myimage.jpg' /></div>

Примечание. Вам нужно будет настроить значения "top" и "left", чтобы они отображались там, где они вам нужны.