ロゴとタイトルは同じラインではなく、ロゴのタイトルロゴ

Question

申し訳ありません。私はCSSをコーディングするのは初めてですが、WP Twenty Sixteenのテーマから開始して、サイトタイトルとロゴがロゴとタイトルは同じ行にあり、タイトルはページの中央に、ロゴは左にあります。現在のところ、タイトルはロゴの直下にあります。テーマの正しい未修正の2016コードスニペットだと思いますか？

.custom-logo { 
    max-width: 180px; 
} 

.site-title { 
    font-family: Montserrat, "Helvetica Neue", sans-serif; 
    font-size: 23px; 
    font-size: 1.4375rem; 
    font-weight: 700; 
    line-height: 1.2173913043; 
    margin: 0; 
} 

私は、テーマを変更することに慣れるまで、CSS機能を追加したいと考えています。私はタイトルを中心にしてロゴの下に置くことができ、タイトルを下に移動することができます（追加しますが、縦の空白を削除しません）。

Answer 1

float:left;を使用して要素を左に浮動させます。

.custom-logo { 
 
    max-width: 180px; 
 
    float:left; 
 
} 
 

 
.site-title { 
 
    font-family: Montserrat, "Helvetica Neue", sans-serif; 
 
    font-size: 1.4375rem; 
 
    font-weight: 700; 
 
    line-height: 1.2173913043; 
 
    margin: 0; 
 
}

<div class="logotitlewrapper"> 
 
    <div class="custom-logo"> 
 
    <img src="https://dummyimage.com/180x100/000/fff&text=dummy+logo+image" /> 
 
    </div> 
 
    <div class="site-title"> 
 
    <h1>Site Title</h1> 
 
    </div> 
 
</div>

Answer 2

用表示：以下のコード例であるインラインブロック。縦方向に整列：中央;両方のクラスに貼り付けてマージンを追加すると、それらの間にスペースが追加されます。