Text below image

[Revolutsio]

I have got four images side by side and would like to have the name of the image below, but when i try the following code it puts the text of the image next to the image

<div>
  <?php foreach($games as $game): ?>
                <?php echo "<img class='img' src='images/" . $game['image'] ."' >"?>
                <?php echo $game['game']?>                    
            <?php endforeach; ?>
</div>

 

[Barand]

Put each image/text pair in a div. Position with a grid layout or with left float.

[maxxd]

There was a div around each image in your other (I assume) related thread. Put it back and do as Barand recommends - in fact, if you use the CSS setup I recommended you can just add this to the .block definition:

display: flex;
flex-direction: column;