Aligning Information in PHP/HTML - html

Question

I have this code which currently displays the information like this:
<?php
mysql_connect("localhost","example","password") or die("Could not connect to localhost");
mysql_select_db("exampledb") or die( "Could not connect to database");
$result = mysql_query("SELECT * FROM tablexample");
echo "<b>" . "Name" . "</b>" . " " . "<b>" . "Number" . "</b>";
echo "<br/>";
echo "<br/>";
while ($row = mysql_fetch_array($result))
{
echo ucwords($row['name']) . " " . ucwords($row['number']) . "<br>";
echo "<hr width='20%'>";
}
?>
Name Number
B [phone]
C [phone]
Cl [phone]
Da [phone]
H [phone]
H [phone]
Khzdf [phone]
BUT I want them to align like this (it should override how many letters each name has and have the same space:
Name Number
B [phone]
C [phone]
Cl [phone]
Da [phone]
H [phone]
H [phone]
Khzdf [phone]
-- Would this be done in CSS or PHP?

Answer 1

Have you considered using a table? Tables are great .... for displaying structured data
<table>
<thead>
<tr>
<th>Column1</th>
<th>column</th>
</tr>
</thead>
<tbody>
<tr>
<td>Column1 data</td><td>column 2 data</td>
</tr>
</tbody>
</table>

Answer 2

The quickest way to solve the problem would be this.
In your code you can change this:
echo ucwords($row['name']) . " " . ucwords($row['number']) . "<br>";
to this:
echo "<span style='display:inline-block; width:200px; text-align:left;'>" . ucwords($row['name']) . "</span><span style='display:inline-block; text-align:left;'>" . ucwords($row['number']) . "</span><br>";
Note: change 200px as needed.

Answer 3

Would this be done in CSS or PHP?
Neither! HTML <table> is what you are looking for.. they are also semantic adequate.