i have a problem with text-wrapping around some links of mine on a page. because it's coded in php, i can't tell if the fault is with the css or the php code.

Code:
.nummenu2 {
color: #000000;
font: normal 12px tahoma, verdana, arial, sans-serif;
text-align: center;
text-decoration: none;
width:500px;
}

.nummenu2 a{
color: #000000;
font: normal 12px tahoma, verdana, arial, sans-serif;
text-align: center;
text-decoration: none;
width:500px;
}

.nummenu2 a:hover{
color: #000000;
font: normal 12px tahoma, verdana, arial, sans-serif;
text-align: center;
text-decoration: underline;
width:500px;
}
and here's the php

Code:
print '<span class="nummenu2">';

$max = intval($numrows/$limit);

if ($numrows%$limit) {
    // has remainder so add one page
    $max++;
}

for ($i=1;$i<=$max;$i++) {
echo '| <a href="'.$_SERVER['PHP_SELF'].'?Cat='.$_GET['Cat'].'&startrow='.($limit*($i-1)).'">'.$i.'</a> |';
}

print "</span>";
it's wrapping the "$i" output so it appears vertically ie

|
1
||
2 etc. and not | 1 || 2

Help!