HTML and php not displaying correctily

HTML & CSS
1

I have the following code which was was supposed to display horizontally instead its displaying vertically how can i fix thus issue??

    <div class="tab-content">
        <div id="init" class="tab-pane fade in active"  style="width:650px;display:inline;">
            

                            <?php
                            $query = "SELECT * FROM level3";
                            $level3 = mysqli_query($connection, $query);
                            while($row = mysqli_fetch_assoc($level3)){
                                $file = $row['file'];
                                $name = $row['name'];
                                $image = $row['image'];
                            ?>
                          <div class=" col-md-12 panel panel-default" id="books" style="display:inline-block;float:left;height:200px;width:150px;">
                            <a href="books/<?php echo $file ?>" target="_blank">
                            <img style="background-attachment: inherit" src="../assets/images/<?php echo $image ?>" class="img-responsive">
                            <div class="caption"><p><?php echo $name ?></p></div>
                                
                            </a>
                            <?php } ?>
                          </div>
                        </div>
                    </div><img src="/community/uploads/default/original/3X/a/c/ac87b29216a1327bbd65d3aee5a1e1db4325fe9e.png" width="690" height="387">
2

What does the dev tool’s style manager show?

3

This looks more like a css problem rather than php.
Moved.

4

oky let me try working it out

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.