画像とテキストを正しくインラインで入れることはできません

Question

他のコンテンツを妨害することなく画像の横にテキストを配置するにはどうすればよいですか？

、これはそれがより多くのを助けるかもしれない、このリンクでこの

<style type="text/css"> 
    img { 
    display: inline-block; 
    } 
</style> 

見ヘッダ

HTML

<div> 
    <img src="logo.ico" width="300px" height="200px" alt="logo"/> 
    <h1 class="header">Movies19</h1> 
</div> 

Answer 1

使用です： http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_default_css

Answer 2

<div> 
 
<table> 
 
<tr> 
 
<td> 
 
    <img src="logo.ico" width="300px" height="200px" alt="logo" /> 
 
\t </td> 
 
\t <td> 
 
    <h1 class="header">Movies19</h1> 
 
\t </td> 
 
\t </tr> 
 
\t </table> 
 
</div>

Answer 3

あなたはdisplay:inline-blockタグあなたは次のスタイル= "フロート使用することができます

.line>* { 
 
    display: inline-block; 
 
} 
 
h1 { 
 
    vertical-align: middle; 
 
    height: 200px; 
 
    margin: 0; 
 
}

<div class="line"> 
 
    <img src="http://placehold.it/300x200" width="300px" height="200px" alt="logo" /> 
 
    <h1 class="header">Mo</h1> 
 
</div>