CSS styles within a PHP array

[turtleton09]

I basically have an array looping through some fields, that looks like this :

<?php 
     $groups = array(); 
while ($row = mysql_fetch_assoc($rsReviews)) { 
    $groups[$row['Product']][] = $row; 
} 
foreach ($groups as $product_name => $rows) { 
    echo "$product_name\n"; 
    foreach ($rows as $row) { 
        echo "    {$row['Review']}\n"; 
		echo "    {$row['CustomerName']}\n";
		echo "    {$row['Date']}\n";
    } 
} 
?>

But I'm not sure of the syntax to apply styles to the different fields within that code.

I'm basically trying to get this page :

link one

to look more like this page :

link two

But using the array to group reviews under a single Product heading.

Any pointers in the right direction would be much appreciated.

[dagon]

you echo your css just like you echo the results from the db

   echo '<p style="color:#f00">'.$row['Review'].'</p>'; 
   echo '<p style="color:#f0f;font-weight:bold">'.$row['CustomerName'].'</p>'; 

etc..

[turtleton09]

Cheers - it was just the syntax I was unsure.

With <p> tags, I've got it looking like :

<code>
<?php
$groups = array();
while ($row = mysql_fetch_assoc($rsReviews)) {
$groups[$row['Product']][] = $row;
}
foreach ($groups as $product_name => $rows) {
echo "<p class=\"product\">$product_name</p>";
foreach ($rows as $row) {
echo "<p class=\"review\">".$row['Review']."</p>";
echo "<p class=\"name\">".$row['CustomerName']."</p>";
echo "<p class=\"date\">".$row['Date']."</p>";
}
}
?>
</code>

But its a bit spaced out - I've tried playing around with <br> and <span> instead of <p>, but no joy. So it looks...

like this

But would be tidier if it looked ...

like this

[dagon]

edit the padding\margin to reduce the spaceing