如何在图片旁边创建文本

Question

enter link description here我正在这样做

似乎没有任何作用，我正试图将其放置在该图像旁边，但它不起作用，请帮忙！

        <div>
             <img src="https://s3.amazonaws.com/ebaumsworld.prod/uploads1517445898749-old-school-Runescape-mobile-2.jpg" width=500px/>
<p>
Players ALWAYS need food. Skip cooking a lot of other foods and just level yourself up to the point that you can cook fish. Save all fish lower than lobsters for yourself, and when you are able to cook and catch lobsters, do NOTHING ELSE for several days. Before you know it, you will be able to catch and cook swordfish. Sell lobsters and swordfish and keep a few for yourself. Whenever you get up to the point that you can catch and cook sharks, your fortune is made. They sell for at least 1k each.
</p>

Answer 1

您可以使用CSS属性浮动图像。

img {
  float: left;
}

p.offset {
  margin-left: 170px;
}

<div>
  <img src="https://via.placeholder.com/160x150" />
  <p class='offset'>

    Players ALWAYS need food. Skip cooking a lot of other foods and just level yourself up to the point that you can cook fish. Save all fish lower than lobsters for yourself, and when you are able to cook and catch lobsters, do NOTHING ELSE for several days.
    Before you know it, you will be able to catch and cook swordfish. Sell lobsters and swordfish and keep a few for yourself. Whenever you get up to the point that you can catch and cook sharks, your fortune is made. They sell for at least 1k each.
  </p>