HTML，CSS A HREF的text-align剩下一半了一半

我有这样的例子代码：HTML，CSS A HREF的text-align剩下一半了一半

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

女巫我不得不作出这样的形象。 “欧元2,75” 右对齐 “KOFFIE” 左对齐 enter image description here

我已经试过迄今为止的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>

女巫工作在正常的文本上，但没有任何这些作品。这甚至可能吗？

来源

2015-07-21 Jim Vercoelen

你想什么的截图部分进行复制，并发生了什么呢？不清楚究竟是什么问题 –

噢，对于朦胧的歉意，我虽然很清楚：P 上面的链接有文本“欧元2,75”和“koffie”，我想要图像的女巫，所以“欧元2 ，75“右对齐和”koffie“左对齐 –

这可能是使用'

'合理的一种情况。 – Anders

回答

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

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

来源

2015-07-21 20:40:12 NewsletterPoll

请避免代码只有答案 - 而是解释你做什么和为什么。另外，'.one'上的'float'和'text-align'是否必要？ – Anders

是的，谢谢，这个作品！ –

吉姆没问题。 – NewsletterPoll

HTML，CSS A HREF的text-align剩下一半了一半

回答

相关问题