HTML-CSS a href文本左半右对齐

我有以下示例代码：

<li><a href="#"><em>&euro; 2,75</em> Koffie</a></li>

及

witch必须处理正常的行文本，但这些都不起作用。 这可能吗？

li{
宽度：200px；
}
.一{
浮动：左；
文本对齐：左对齐；
}
.二{
浮动：对；
文本对齐：右对齐；
}

---

您试图复制屏幕截图的哪一部分，以及正在发生什么？不清楚到底是什么问题让我为模糊感到抱歉，我想这是很清楚的：P上面的链接有文字“euro 2,75”和“koffie”，我希望它像图片一样，所以“euro 2,75”右对齐和“koffie”左对齐这可能是使用

是合理的情况之一。这绝对是

表格的正确位置

请避免只使用代码的答案，而应解释您的做法和原因。另外，

上的
浮点和
文本对齐是否有必要？嘿，Jim，顺便说一句，Anders是正确的，浮点和文本对齐很可能是不必要的（取决于代码的其余部分）。事实上，您完全可以在不添加类的情况下完成这项工作（同样取决于代码的其余部分）如果有机会，请查看：last child和：first child CSS伪类。如果你真的想，你甚至可以通过使用表格来实现。。。但是不要这样做，如果你不使用宽度，那么它仍然会工作，但是在继承宽度的宽度上，所以如果你改变它，你将不需要改变它两次。
em {
float: right;
}
a {
float: left;
}

<li><a href="#"><em>&euro;<span style="float:right;"> 2,75</span></em> <span style="float:left;"> Koffie</span></a></li>