如何将所有数据保持在并排固定高度的td中

Question

I am trying to put all these three data side by side. Like the second row last column. but after the first column (within php loop) 3rd and 4th elements get to lower line. screenshot

here is what I have tried (included style in line.

<?php while ($each_row = mysqli_fetch_assoc($table_data)){ ?>
                        <tr style="border: 1px solid black; ">
                            <td style="border: 1px solid black;"><?php echo $i; ?></td>
                            <td style="border: 1px solid black;"><?php echo $each_row["roll"]; ?></td>
                            <td style="border: 1px solid black;"><?php echo $each_row["name"]; ?></td>
                            <td style="border: 1px solid black; text-align:center;"><?php echo $each_row["present"]; ?></td>
                            <td style="border: 1px solid black; width: 300px;">
                                    <a href="attendence.php?change=present&date=<?php echo $today; ?>&class=<?php echo $class; ?>&batch=<?php echo $batch; ?>&roll=<?php echo $each_row["roll"]; ?>">
                                        <button type="button" name="button">Present</button></a>
                                    <a href="attendence.php?change=absent&date=<?php echo $today; ?>&class=<?php echo $class; ?>&batch=<?php echo $batch; ?>&roll=<?php echo $each_row["roll"]; ?>">
                                        <button type="button" name="button">Absent</button></a>
                                    <form class="" style="width: 100px;" action="attendence.php?change=absent&date=<?php echo $today; ?>&class=<?php echo $class; ?>&batch=<?php echo $batch; ?>&roll=<?php echo $each_row["roll"]; ?>" method="post">
                                        <input style="width: 50px;" type="text" name="late" value="0">
                                        <input style="width: 50px;" type="submit" name="" value="Late">
                                    </form>
                            </td>
                        </tr>
      <?php } ?>

Answer 1

I have a different view for your design, it might be little difficult for you to digest but you can go for BOOTSTRAP framework and use simple grid to design the same thing using <div> or <span> tags in the tabular view (which will be responsive too) and will make you form look even better.

For Reference : Bootstrap Grid System