Styling created div's from a csv file using PHP? - php

Question

I'm loading some columns from a csv file using php.
I am using divs to display the columns, but the issue is that the contents of the div for each heading is not perfectly aligned underneath the heading.
this is my php code:
<?php
$file_handle = fopen("myCSV.csv", "r");
while (!feof($file_handle) ) {
//print '<tr>';
$line_of_text = fgetcsv($file_handle, 1024);
print "<div style='float:left; margin-right:15px;'>".$line_of_text[2].' '.$line_of_text[3].' '.$line_of_text[4].' '.$line_of_text[5].' '.$line_of_text[6].' '.$line_of_text[7].' '.$line_of_text[8].' '.$line_of_text[9]."</div><br /> ";
}
fclose($file_handle);
?>
How can I align the columns under each related headings properly?
here is the output data:
http://jsfiddle.net/w9v5q8vp/
This is how I tried to use a table:
print "<table>\n";
print "<tr><td>".$line_of_text[2]."</td></tr><tr><td>".$line_of_text[3]."</td></tr>";
print '</table>';

Answer 1

When you output a table you should loop only over the rows:
$file_handle = fopen("myCSV.csv", "r");
print "<table>\n";
while (!feof($file_handle) ) {
//print '<tr>';
$line_of_text = fgetcsv($file_handle, 1024);
print "<tr><td>".$line_of_text[2].'</td><td>'.$line_of_text[3].'</td><td>'.$line_of_text[4].'</td><td>'.$line_of_text[5].'</td><td>'.$line_of_text[6].'</td><td>'.$line_of_text[7].'</td><td>'.$line_of_text[8].'</td><td>'.$line_of_text[9]."</td></tr>\n";
}
print '</table>';
fclose($file_handle);
The beginning/end table tags should be printed only once.
You can read more about table tr td tags at w3schools.