Проблема в размещении картинок рядом. PHP

Нужно, что-бы логотипы были рядом друг с другом(шли в ряд)

Уже все перепробовал. Не могу понять в чем проблема

Код:

    if ($ability) {
        echo div('center');
        echo " <a href='?attack'>" . img('ability', 'attacked.jpg') . "</a>";
        echo "<br><div>Атака</div>";

        if ($ability['statusHp'] == 1 or $ability['energy'] < 1) {
            echo " <a href='?'>" . spell('ability', '5.png ') . "</a>";
            echo "<br><center>Зелье</center>";
        } else {
            echo " <a href='?UseSpellHp'>" . img('ability', '5.png ') . "</a>";
            echo "<br><div>Камень зелья</div>";
        }

        if ($ability['statusDef'] == 1 or $ability['energy'] < 1) {
            echo " <a href='?'>" . spell('ability', 'defence1.jpg ') . "</a>";
            echo "<br><div>Защита</div>";
        } else {
            echo " <a href='?UseSpellDef'>" . img('ability', 'defence1.jpg ') . "</a>";
        }