css中文本不与图片重合 |css 边框的距离

img {
float: left;
margin-right: 10px;
}

一种解决方法是使用CSS中的浮动（float）属性。通过将图片设定为左浮动，并设定一定的右外边距，就可以让文本避免和图片重叠。当然，图片也可以设定为右浮动。

img {
display: block;
margin: 0 auto;
}

另外一种解决方法是通过使用CSS的居中（center）属性。通过将图片设定为块状元素（display:block），并将外边距设为auto，就可以实现图片在容器中居中显示。这样就可以避免图片和文本重叠的问题。

总之，在处理文本和图片重叠的问题时，大家需要考虑使用CSS浮动、居中等属性，以及合理使用外边距和内边距等属性。同时，还应该遵守一些常规的网页设计规范，如避免过多的文本和图片，保持良好的页面布局等等。这样才能让网页看起来更加整洁和美观。