Question

This is a basic question, but I cannot find the answer anywhere. I want to list my php array results from left to right, then when reach the end of the row, start a new row. like this:

1 2 3 4

5 6 7

Seems simple but is driving me nuts. Cannot do it with tables, tried with css div to no avail.

Here is my code on the page that I want for each result:

 <?php 
if ($this->meeting){
?><?php
foreach($this->meeting as $meet){
echo date_bl($meet->date,$meet->time);
echo '<br />';
echo $meet->place;
echo '<br />';
echo $meet->address;
echo '<br />';
echo $meet->city.", ".$meet->state." ".$meet->zip;
echo '<br />';
}}else{}?>

Any help would be much appreciated!

Answer 1

PHP

<?php 
if($this->meeting){
 echo '<ul class="list">';
 foreach($this->meeting as $meet){
  echo '<li>';
  echo date_bl($meet->date,$meet->time);
  echo '<br />';
  echo $meet->place;
  echo '<br />';
  echo $meet->address;
  echo '<br />';
  echo $meet->city.", ".$meet->state." ".$meet->zip;
  echo '<br />';
  echo '</li>';
 }
 echo '</ul>';
} else {

}
?>

CSS

.list {
 margin:0;
 padding:0;
 list-style:none;
}
.list li {
 width:200px;
 display:inline-block;
 padding:5px 9px;
}