你是否遇到过在网页中嵌入的图片左右位置颠倒的情况？这种情况很可能是由于CSS代码写作不当导致的。

<img src="example.png" alt="Example Image" class="left">

上述代码是一个常见的嵌入图片的方式，通过class属性添加left或right的类来让图片靠左或者靠右排列。但是，有时候图片的左右位置会出现颠倒的问题。

.left{
float: right;
}
.right{
float: left;
}

这是因为我们在CSS代码中设置了.left类的浮动方向为right，而实际上应该是left；同理，.right类的浮动方向为left，实际上应该是right。

所以，正确的设置应该是：

.left{
float: left;
}
.right{
float: right;
}

如果我们使用其他的方式来排列图片，也可以使用上述方式来进行修正。

通过以上方式，我们可以顺利地解决图片左右位置颠倒的问题。