如何移動徽標旁邊的網站標題和標語？

-2

這是鏈接到我的網站：http://www.ishturd.com 如何移動徽標旁邊的網站標題和標語？

正如你可以看到這裏的標誌是在網站標題和標語的頂部，我需要它出現並排即徽標和站點標題側，標語會就像現在一樣在標題下面。任何幫助將不勝感激，因爲我不知道任何編碼。

下面是我的style.css網站標題的完整的CSS（對不起，我不知道作什麼崗位）

.site-title { 
    margin: 0; 
    color: #171717; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 34px; 
    font-size: 3.4rem; 
    font-weight: bold; 
    } 

    .site-title a { 
    color: #171717; 
    font-weight: bold; 
    text-decoration: none; 
    } 

    .site-title a:hover, 
    .site-title a:focus { 
    text-decoration: none; 
    } 

    .no-site-tagline .site-title { 
    margin-bottom: 22px; 
    margin-bottom: 2.2rem; 
    } 

    @media screen and (min-width: 800px) { 
    .site-branding { 
    float: left; 
    max-width: 50%; 
    } 

    .branding-right .site-branding { 
    float: right; 
    } 
    } 

    .site-description { 
    display: block; 
    margin: 11px 0 22px; 
    margin: 1.1rem 0 2.2rem; 
    font-size: 12px; 
    font-size: 1.2rem; 
    letter-spacing: 1px; 
    letter-spacing: 0.1rem; 
    text-transform: uppercase; 
    } 

    .site-description a { 
    text-decoration: none; 
    } 

    .site-description a:hover, 
    .site-description a:focus { 
    text-decoration: none; 
    }

提前感謝！

來源

2016-09-01 KANDARP MISHRA

你不知道任何編碼，並要求整個代碼？對不起，SO將無法爲您提供書面代碼，甚至不會嘗試。 –

我清理現場，品牌化的HTML和CSS：

HTML：

<div class="site-branding"> 
    <a href="http://www.ishturd.com/" class="custom-logo-link" rel="home" itemprop="url"> 
    <img width="151" height="105" src="http://www.ishturd.com/wp-content/uploads/2016/08/cropped-Ishturd-2.png" class="custom-logo" alt="cropped-Ishturd-2.png" itemprop="logo" sizes="(max-width: 151px) 100vw, 151px"> 
    <h1 class="site-title"> 
     ishturd 
     <br> 
     <span class="site-description">The Honest Part of The Internet</span> 
    </h1> 
    </a> 
</div>

CSS：

.site-branding { 
    width: 600px; 
} 
.site-branding a { text-decoration: none;} 
.site-branding a img { float: left;} 
.site-branding a h1 { float: left; width: 350px; padding: 0px; margin:0px;} 
.site-branding a span { font-size: 14px;}

，如果你願意，你可以進一步改善這個代碼，檢查小提琴：

https://jsfiddle.net/Lvdt0ttd/

來源

2016-09-01 17:50:11 Pavel

如何移動徽標旁邊的網站標題和標語？

回答

相關問題