HTML horizo​​nal aligment

Question

私には画像とテキストがあるdivがあります。

<div class="logo"> 
     <img src="images/car_logo.png" alt="logo" width="100px" height="100px"> 
     <h1>Some text</h1> 
     </div> 

今のところ、ロゴはテキストの上です。全体のdivがページの左側にある間に、ロゴが左に、テキストが右にあるようにしたいので、右のページの反対側に何かを追加することができます。 ありがとうございます

Answer 1

あなたのコードをもっと表示する必要があります。それにもかかわらず、h1要素のスタイルを "display：inline-block;"にしたいとします。または "display：inline;"もうまくいくはずです。あなたのdiv "ロゴ"を "浮動小数点：左にする"と "display：inline-block;"となります。フレックス使用して、このような

Answer 2

何か：

.logo{ 
 
    display:flex; 
 
} 
 

 
.l-logo{ 
 

 
} 
 

 
.l-text{ 
 

 
}

<div class="logo"> 
 
    <div class="l-logo"> 
 
    <img src="http://via.placeholder.com/350x150" alt="logo" width="100px" height="100px"> 
 
    </div> 
 
    <div class="l-text"> 
 
     <h1>Some text</h1> 
 
    </div> 
 
</div>

Answer 3

これをチェックし、それが役に立てば幸い。

.logo > h1{ float:left;padding-left:10px; } 
 
.logo > img { float:left;border:1px solid red; }

<div class="logo"> 
 
    <img src="images/car_logo.png" alt="logo" width="100px" height="100px"> 
 
    <h1>some text</h1> 
 
</div>