Html 如何将图像完全固定在一个相对点上_Html_Css_Css Position

Html 如何将图像完全固定在一个相对点上

html css

Html 如何将图像完全固定在一个相对点上,html,css,css-position,Html,Css,Css Position,我不知道如何解决这个问题：图像直接定位在某个文本下面，当窗口调整大小时，图像直接位于该文本下面。我的问题是，我不能只将图像向左浮动，它需要进一步向外移动，并与一些文本内联。与图像居中一样，即使调整页面大小，图像也将始终保持在相对中心编辑：我想问题在于，我有3个文本段彼此相邻，格式如下，调整页面大小时它们会移动： <!DOCTYPE html> <link rel="stylesheet" type="text/css" href="example.css"/> <

我不知道如何解决这个问题：图像直接定位在某个文本下面，当窗口调整大小时，图像直接位于该文本下面。我的问题是，我不能只将图像向左浮动，它需要进一步向外移动，并与一些文本内联。与图像居中一样，即使调整页面大小，图像也将始终保持在相对中心

编辑：我想问题在于，我有3个文本段彼此相邻，格式如下，调整页面大小时它们会移动：

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="example.css"/>
<p>this is the text which the image should follow (stay inline with)
</p>
<p>third section middle</p>
<p>third section right</p>
<img src="https://codepo8.github.io/canvas-images-and-pixels/img/horse.png"/>

我希望在调整页面大小时，图像保持在文本的中心。我希望这有帮助。

放在家长

内容的内部

.content{
背景：黄色；
填充物：5px；
边框：1px纯红；
}
p{
显示：内联块；
右边距：-4px；
宽度：33.33333%；
文本对齐：居中；
颜色：#2A3132；
背景：红色；
垂直对齐：顶部；
}
img{
显示：块；
保证金：0自动；
}

这是图像应该跟随的文本（与之保持内联）
第三节中
第三节权利
寻求帮助的问题（“为什么此代码不起作用或如何使其起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现此代码所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：。
p{
  float:left;
  width:33.33333%;
  text-align: center;
  color: #2A3132;
}
img{
  width: 10%;
}