Forums

I usually know how to do this just fine but in this case I don’t because my code here:

<div class="img-gallery">
    <div class="gallery-photos">
        <ul class="gallery-portfolio">
            <?php 
                $dirname = "uploads/";
                $images = glob($dirname."*.png");
                foreach($images as $image) {
                echo '<li><img src="'.$image.'" class="img-responsive" alt="Responsive image" /></li><br />';}
            ?>
        </ul>
    </div>
</div>

This makes it so that all of the uploaded photos from my website will be added automatically but I am unsure with the tags I have there, how to style them the way I want. I have tried with multiple div’s and classes that I have surrounding the images with display: inline-block and display: block to try and make the images in a horizontal line but nothing has been changing effectively.

I know this may be hard to help me as I really can not make a codepen with the elements I have setup the way I do in my project as codepen doesn’t support php format. Thanks in advance for anyone that takes the time to help.

Best regards,
Codi