在网页开发过程中，我们常常会遇到文字和图错位的情况。这个问题一般是由于CSS样式设置不当或者HTML代码不规范所造成的。

例如，下面的代码会让图片和文字错位：

HTML代码：

<p>这是一段文字，
<p>CSS代码：</p>
<pre>
img {
float: right;
}

在这个例子中，我们将图片设置为右浮动。然而，由于图片没有清除浮动，文字也会跟着图片向右浮动，导致错位的情况出现。

为了解决这个问题，我们可以使用清除浮动的方法：

img {
float: right;
}
p:after {
content: "";
display: block;
clear: both;
}

在这个例子中，我们在

标签的后面添加了一个空的伪元素，然后通过设置clear: both清除了浮动。这样文字就不会跟着图片浮动了，达到了我们想要的效果。

总之，在开发过程中，我们应该注意样式设置和HTML代码的规范，避免造成不必要的麻烦。