Php 如何在html和css中创建垂直图库

我正在用php创建一个电子商务商店，我的php代码运行良好，但我的产品是垂直排列的，我希望它们水平排列

我尝试了float:left，display:inline。。。但它不起作用

我想在同一条线上看到4种产品

我的php代码忽略了该语言

<?php
  $consulta = mysql_query("SELECT * 
                           FROM  `livros-desporto` ");

     if(isset($_POST['buscar'])){
    $consulta = mysql_query("SELECT * 
                             FROM `livros-desporto`
                             where name like '%".$_POST['buscar']."%'");
     }

      while ($linha = mysql_fetch_array($consulta))  
      {
          $id = $linha['ID'];
          $modelo = $linha['Model'];
          $nome = $linha['Name'];
          $categoria = $linha['Category'];
          $imagem = $linha['Image'];
          $manufactura = $linha['Manufacturer'];
          $preco = $linha['Price'];
          $quantidade = $linha['quantity']
         // $adicionar = '<a href="carrinho.php?id='.$linha['ID']
             //.'"title="'.$linha['ID'].'">
        //  Adicionar </a>'   
   ?>

我的HTML代码

<div class="fade1">

<div class="produtos">

<li>            
    <p><?php echo $nome ?></p>
    <p><?php echo $imagem ?></p>
    <p><?php echo $categoria ?></p>
</li>

</div>
</div>
</div>

<?php
      }

  ?>

谢谢

可用于水平显示div或li元素。如果您创建了一个固定宽度的容器，并且您的产品容器大约是该宽度的1/4，那么它们应该每四个项目包装到下一行

---

粘贴css代码或示例提琴，以获取更多帮助。

如果您的PHP正常，则不要发布，并删除PHP标记。让我们看看你的CSS，然后在你的帖子上贴上CSS标签来吸引CSS大师。使用“编辑”执行此操作。html格式中存在错误。列表元素应位于标记内。如果要以不带项目符号的水平方式创建列表，则应将css列表样式属性设置为“无”，并显示为“内联”

display:inline-block;