如何在图像旁边创建HTML的侧面段落？

Question

我有图像我想用HTML和段落一起显示，并提供一些信息。基本上，我需要页面将图像放在页面的一侧，而段落放在另一侧。是否需要使用网格？还有另一种没有网格的方法吗？

我怀疑如果我没有在<br>标记之后添加<img>，那么它会将自己对齐到右侧。

是否涉及一些CSS？

Answer 1

实现这一目标的另一种方式（除了Sohaib所说的方式）只是让两个元素都向左或向右浮动。添加了保证金以帮助移动文本。

img,
p {
  display: inline-block;
}
img {
  float: left;
  height: 300px;
}
p {
  margin-left: 1rem;
}

<img src="https://3.bp.blogspot.com/-W__wiaHUjwI/Vt3Grd8df0I/AAAAAAAAA78/7xqUNj8ujtY/s1600/image02.png">
<p>Hello World</p>

Answer 2

只需要float和display个CSS属性！

img , p {
  display: inline-block;
}

img {
  float: left;
  height: 300px;
}
p {
  float: right;
}

<img src="https://3.bp.blogspot.com/-W__wiaHUjwI/Vt3Grd8df0I/AAAAAAAAA78/7xqUNj8ujtY/s1600/image02.png">
<p>Hello World</p>