php - 对齐 mysql 结果

Question

我正试图让我的查询结果像这样显示。

here  here  here

here  here  here

here  here  here

...等等

但无论我怎么尝试，他们最终都会变成这样......

Here

Here

Here

Here 

你明白了......老实说，我已经尝试了一切，但我无法让它工作。

这是代码，请忽略我的错误编码:/

<div class="box">
<div style="width: 90%; margin: 0 auto; text-align: center;">
<div style="width: 33%; float: left;">

<?php
$result = mysql_query("SELECT * FROM user_pokemon WHERE belongsto='". $_SESSION{'username'}."'AND (slot='0')");
while($row = mysql_fetch_array($result))
{   
$sql2 = "SELECT * FROM pokemon WHERE name='".$row['pokemon']."'";
$result2 = mysql_query($sql2) or die(mysql_error());
$battle_get2 = mysql_fetch_array($result2);

echo '<img src="pokemon/'.$row['type'] .''.$battle_get2['pic'].'" border=0>
</a>' ; 

$idd= mysql_real_escape_string($row['id']);
$iddd = strip_tags($idd);

?>

<form name="slot1" action="" method="post">

    <p>

        <select name="A" id="" >
          <option value="1">Slot 1</option>
          <option value="2">Slot 2</option>
          <option value="3">Slot 3</option>
          <option value="4">Slot 4</option>
          <option value="5">Slot 5</option>
          <option value="6">Slot 6</option>
        </select>
        <input type="hidden" name="token" id="token" value="<?php  echo $iddd ;  ?>" />
        <br />
        <input type="submit" class="submit" value="Add to Team" name="slot1">
</p>



</form>

<?php
echo $row['pokemon'];

?>

<p></p>

<?php
echo "Level:";
echo $row ['level'];
?>

<p></p>

<?php
echo "Gender:";
echo $row['gender'];
echo "<br />";
}
?>
</div>
</div>
</div>

这是我的 CSS。

.box {
width: 90%;
background-color: #eaebd8;
border: 1px solid #00008B;
margin: 0 auto 10px;
padding: 10px;
}

所以如果我能得到一些帮助，我将非常感激 :)

Answer 1

要么使用表，要么使用无序列表ul:

工作 fiddle : http://jsfiddle.net/P5bAL/

HTML:

<ul>
    <li>Data</li>
    <li>DAta</li>
</ul>

CSS:

li{
display: inline-block;
}