html - 我无法将图片和文字正确内联

Question

如何在不影响其他内容的情况下将文字放在图片旁边？

这是一个标题

html

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

Answer 1

可以将div中的两个元素添加到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>