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


i have example code:

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

witch have make image. "euro 2,75" right-aligned "koffie" left-aligned enter image description here

what have tried far css:

em { float: right; } { float: left; } 

and

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

witch has work on normal line text none of these works. possible?

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>


Comments

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -