<style type="text/css">
.test li span
{
width: 500px;
}
.firstSpan
{
float: left;
}
.test
{
list-style-type: none;
}
</style>
<ul class="test">
<li>
<span class="firstSpan">Apples</span>
<span>X</span>
</li>
<li>
<span class="firstSpan">Pears</span>
<span>Y</span>
</li>
<li>
<span class="firstSpan">Strawberries</span>
<span>Z</span>
</li>
</ul>