Html 如何使用换行符但使文本与图像保持内联？

我希望文本在狗的旁边，但是当我使用
时。。。它在狗的下面

（狗显示：内联块）

宠物住宿

&

瓦凯

问题在于

显示：内联块

仅应用于图像，而不应用于附带的文本。我建议将图像与文本分开，并同时显示：内联块：

宠物住宿
&

瓦凯

问题在于

显示：内联块

仅应用于图像，而不应用于附带的文本。我建议将图像与文本分开，并同时显示：内联块：

宠物住宿
&

瓦凯

您只需包装文本，并对包装器使用

内联块

：

宠物住宿


&


瓦凯

您只需包装文本，并对包装器使用

内联块

：

宠物住宿


&


瓦凯

这是因为图像是内联块，它们与文本一起流动，但也有宽度和高度。图像与“Pet Stay”文本在同一行上，但在“&”和“Vacay”的新行上。这是因为图像是内联块，它们与文本一起流动，但也具有宽度和高度。该图像与“宠物停留”文本位于同一行，但在“&”和“Vacay”的新行上。

<div class="text-center">
  <h1>
   <img src="https://image.ibb.co/dCx2Ck/logo.png" style="display: inline-block" />
   Pet Stay<br>
   &<br>
   Vacay
</div>