html text formatting question

When you preview the code you will see there are 3 different lines as a result:
Dresses ›
Real Dresses ›
Real Green Dresses

Is it possible to show it all on a single line:
Dresses › Real Dresses › Real Green Dresses

This example has been copied from:
http://www.google.com/support/webmasters/bin/answer.py?answer=185417

But it seems they are showing it wrong in this example because the result does not appear in a single line.

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

Select all Open in new window