Hi,

I'm trying to display list items like grid .

For example i have a html like
Code:
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
<li>G</li>
</ul>
and i'm expecting it to be displayed as

1.A--4.D--7.G
2.B--5.E
3.C--6.F

Note : hyphen indicates space

Is it possible using css3 . Can anyone help me on this.
http://jsfiddle.net/jpDJj/