<div class="lista ...">

Asignando a un div la clase lista activamos el mecanismo de listado de matrices php.

La clase lista debe ser la primera, la siguiente clase sera el nombre de la matriz php a listar.

El bloque div con clase lista debe contener un bloque con clase reg que se repetira con cada registro a listar.

Dentro del bloque con clase reg pondremos bloques con la clase cpo y el nombre del campo.

El siguiente ejemplo lista el contenido de los campos codigo, descripcion y precio de la matriz articulos.

<div class="lista articulos">
<table>
  <tr>
    <td>Codigo</td>
    <td>Descripcion</td>
    <td>Precio</td>
  </tr>

  <tr class="reg">
    <td class="cpo codigo"></td>
    <td class="cpo descripcion"></td>
    <td class="cpo precio"></td>
  </tr>

</table>
</div>

Si no deseamos que el div que activa el mecanismo de listado forme parte del codigo html de la pagina debemos añadirle la clase notag.