Lo que puedes hacer es crear el html para las dos columnas de esta manera:
<?php
// example code
$par =[ 0,1, 0 ,2,0,0];
$col1 = "";
$col2 = "";
foreach ($par as $p) {
if($p == 0){
$col1 .=
"<div class='col1'>
El valor es: {$p}
</div>";
}
if($p != 0){
$col2 .=
"<div class='col2'>
El valor es:{$p}
</div>";
}
}
Ahora puedes utilizar $col1
y $col2
allá donde los necesites:
echo $col1;
.......
echo $col2;
###Actualización
El OP comenta:
Gracias por tu respuesta. Así se han eliminado los elementos que salían vacíos pero no coloca las dos columnas en paralelo
A continuación puedes utilizar las dos variables de esta manera:
<section>
<article>
<?php echo $col1; ?>
</article>
<article>
<?php echo $col1; ?>
</article>
</section>
Lo que resultaría en un HTML así:
section{display:flex; width:100vw;}
[class ^=col]{
width:45vw;
margin:1em .5em;
border:1px solid;
line-height:100px;
height: 100px;
text-align:center;
}
<section>
<article>
<div class='col1'>
El valor es: 0
</div>
<div class='col1'>
El valor es: 0
</div>
<div class='col1'>
El valor es: 0
</div>
<div class='col1'>
El valor es: 0
</div>
</article>
<article>
<div class='col2'>
El valor es:1
</div>
<div class='col2'>
El valor es:2
</div>
</article>
</section>
Para colocar las dos columnas en paralelo basta con añadir section{display:flex;}
en el CSS. Alternativamente puedes utilizar article{float:left}
o article{display:inline-block}
u otro método que te guste para poner las dos columnas en paralelo