HTML-CSS a href text-align half left right right right

Question

我有这个示例代码：

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

巫婆我必须像这样制作图片。 “2,75欧元”右对齐 “koffie”左对齐

到目前为止我尝试了什么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>

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

Answer 1

＆＃13;

＆＃13;

li {
    width: 200px;
}
.one {
    float: left;
    text-align: left;
}
.two {
    float: right;
    text-align: right;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;