如何将图像放在中间段落旁边，仅限 html

我正在一个网页上研究WordPress。我在网页中间有一些段落，上面有一个菜单。因此，当您单击它时，您将转到该段落。(不过我仍然必须这样做(

但我的问题是，如何在段落旁边放置图像而不会使段落失去位置？

我尝试了不同的浮点等方法，但我认为某处出错了。我不太擅长HTML和CSS，我还在学习，但我真的很喜欢它:)

以下是预览： https: //plnkr.co/edit/wUOxCgCTLRfkvnJLVKLa?p=previeW

图像不必与段落的高度完全相同。

我希望我说清楚了！！

有很多

方法可以将div 和图像并排放置。最简单的方法是为图像和文本的容器div 设置display:inline-block属性。

https://jsfiddle.net/a7b3ep7a/

希望对;)有所帮助

有很多方法，你可以使用：

<html>
<style>
#img {
vertical-align: middle
}
.div1 {
display: inline-block
}
</style>
</html>

为了更好地控制空间，请使用网格系统。在这里你可以学习如何使用它：https://www.w3schools.com/Css/css_rwd_grid.asp

有好的一天！

谢谢大家的回答。网格系统听起来是一个很好的解决方案，不知道它到底有多难。

我

试过你的代码vijayscode，我明白你的意思，它有效。只有当我尝试在页面中间制作段落时，图像才会位于段落的顶部而不是旁边。它以左边距 20% 保持在其旁边。但是当我这样做超过 20% 时，图像将高于段落:(

相关内容