Php 带有图像的中的“空白空间”

我被这件事缠住了。我必须列出我正在工作的一些服务的不同状态的横向列表。我有三种不同的状态，绿色、橙色、红色，每当状态改变时，我都想返回到行。我有一种感觉，我需要写一些东西，比如你把xx像素降下来，以便正确地排列我的列表，但它仍然保持着奇怪的打包方式。我真的不知道我是否清楚

以下是部分代码：

$brequest = 1;

        echo "<ul>\n";
    foreach($arrstate as $sun){
        for($x=1 ; $x<4 ; $x++){
            if($sun[1] == $x){

                if($brequest != $x){
                    $brequest = $x;
                    echo "</ul><ul>\n"; //Note that it's just a try here
                }


                $affichage="&nbsp;&nbsp;<img src=\"images/" . $images[$x] . ".svg\" title=\"" . $texte_alt[$x] . "\" alt=\"" . $texte_alt[$x] . "\" height=\"40px\" style=\"vertical-align:middle\"";
                $comment="<br /><br />".$sun[2]."<br /><br/>Last Updated : ".$sun[3]."<br /><br />By ".$sun[4]."</li>\n";

                echo "<li style=\"background-color: " . $couleur_etat[$x] . "\">" . $sun[0] . $affichage. $comment;


            }




        }
    }
    echo "</ul>";

数组按状态排序，部分为：

<style>
  ul { list-style-type: none;}
  li {
    display: inline;
    margin: 1em;
    float: left;
    padding: 1em;
    border: 1px solid black;
    border-radius: 15px;
    width: 15em;
    min-height: 3em;
    font-weight: bold;
  }
</style>

---

请随时问我有关代码的任何问题。提前感谢您的回答

回答我自己的问题以提供帮助

我只需要清除：左，我使用的每一个，这样浮标将停止把图像放在同一行。事情是这样的：

echo "</ul><ul style=\"clear:left\">";

我知道CSS并不是很受欢迎，但我昨天开始使用htmlphp和CSS。那么，让我们暂时用它跑吧

---

对于这个坏例子，我很抱歉，下次我会更加关注细节。谢谢大家!

我们不能使用PHP。寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。看…哦，你不能使用display:inline和float。选一个…不是两个都选。你不应该在一端和另一端之间留有任何空间。我想你有。这个/n可能是问题的原因。