Html 页脚问题：文本左侧、文本右侧、图像右侧、所有内联和共线不工作

我一直在尝试为我的网站创建一个新的页脚，如下所示：

不幸的是，我只能在gimp中重新创建它，而不能在html和css中。 到目前为止，我只取得了部分成功。我已经能够对齐所有文本和图像，使它们都是共线和内联的，如下所示：

但是，它们并没有被分为左和右。每当我尝试向左浮动或文本向右对齐，或使用div和span进行其他组合时，它最终会破坏inline属性，并且图像和文本不再共线。 我已经能够使用分开的div和span将文本分为左和右，但只有当它们不共线时，这有点令人沮丧

这是我的HTMl和CSS：

/*页脚*/
.middle>*{
垂直对齐：中间对齐；
}
页脚{
颜色：#666；
字号：1.4em；
背景：#191919；
边框顶部：1px实心#444；
填充：20px；
空白：nowrap；
}
页脚a{
颜色：#888；
显示：内联块；
} 		
页脚a:悬停{color:#BBB；}
页脚img{
填充：0px 0px 0px 4px；
}

&抄袭；document.write（新日期（）.getFullYear（））；
使用&；构建。优化。

添加到您的HTML：

---

我又解决了一些问题。这是另一个可能的解决方案，但是右侧溢出，并且不保持页脚右侧的边界


.middle>*{
垂直对齐：中间对齐；
}
身体{
填充：20px；
背景：#eee；
}
div{
显示：内联块；
保证金：0；
宽度：100%；
文本对齐：右对齐；
}
页脚{
保证金：0；
填充：10px；
背景：白色；
空白：nowrap；
}
页脚a{
显示：内联块；
}

&抄袭；document.write（新日期（）.getFullYear（））；
使用&；构建。优化
感谢您的回复。我尝试了你的建议，但是图像稍微偏离了文本的中心线。不过，它确实成功地完成了页脚的左右部分，这是向前迈出的一步。我在我的html中添加了一个clear:两个，但忘记在上面添加它。在这种情况下，请尝试调整图像填充，因为它们都设置为0，除了左边的4px。谢谢。我在图像底部添加了4px填充，这似乎将图像带到了右浮动文本的中心线。在仔细检查时，我注意到左侧和右侧文本没有对齐，并且稍微偏离中心线，甚至在我向图像添加额外的底部填充之前。当我尝试添加单独的div并在同一div中的部分文本上使用ID选择器时，这些问题与我遇到的问题相同。：/然后，您必须调整div和文本元素的填充和边距，以创建所需的外观。