当我在php中动态创建它们时，如何并排对齐复选框？

Question

I m trying to create a form with multiple checkboxes. The checkboxes are dynamically created from a database but they are always created in a new line while I want them to be aligned side by side. I am new to CSS and php/mysql so I m unable to get it right. Can you help me out?

$mysqli = new mysqli('localhost', 'mechuser', 'mypassword', 'mechug_lab');

$query = "SELECT * FROM slots WHERE lab_id = '530_335' AND slot_status = '0' AND expt_id='3'";
$result=mysql_query($query);

if($result) {
                if(mysql_num_rows($result) != 0) {
                    $date = "0000-00-00";
                    while($row = mysql_fetch_array($result)):
                    ?>
                    <div><label><?php
                    $date1 = $row['date'];
                    $weekday = date('D', strtotime($date1));
                    $today = date('M j, Y',strtotime($date1));
                    if ($date1 != $date)
                        echo "<strong>".$today."   ".$weekday."</strong> &nbsp";
                        echo " ".$row['slot_time'];
                        $date = $date1;
                    ?>
                    <input type="checkbox" name="bookings[]" value="1"></label></div><?php endwhile;
                    }
                    }
                    ?>

Answer 1

The div around your checkboxes are block level elements (which makes new lines), you may want to use span (which is an inline level element) instead or make the inline / inline-block elements or float them, the choice is yours :)

style="display:inline" or style="display:inline-block" or <span> instead of <div>