How to make a space between staff boxes

[Ben144]

Hey,

I am re-creating the staff page for my FluxRP hotel, but i can seem to make a space between them to be them tidy as they are mean to be 3 staff next to one another, but instead the second staff automatically goes under the first staff.

You must be registered for see images attach

<div class="content">

        <div class="container">
                                       
           

<div class="container">
    <div class="row">
   

       
                                                       
                                               
                                           
                       
                            <div class="col-4">
                            <div class="content-box no-link-styling">
                            <?php
                   
                        $getRanks = mysql_query("SELECT id,name FROM ranks WHERE id > 4 AND id != '10' AND id != '12' AND id != '21' ORDER BY id DESC");
                        while ($Ranks = mysql_fetch_assoc($getRanks)){
                           
                            $getMembers = mysql_query("SELECT id,username,age,motto,look,online,last_online,country,position,account_created FROM users WHERE rank = '" . $Ranks['id'] . "'");
       
        if (mysql_num_rows($getMembers) > 0){
            $oe = 1;
            while ($member = mysql_fetch_assoc($getMembers)){

                echo '<div class="title d-flex align-items-center" style="border-bottom: 4px solid #1dc40e;">
                                        <div class="mr-auto" style="padding-left: 115px;">' . $member['username'] . '</div>
                                        <div><span class="float-right pr-3"><img src="{url}/c_images/album1584/united-kingdom.png"></span></div>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <div class="staff-member-avatar">
                                            <img src="https://www.habbo.nl/habbo-imaging/avatarimage?figure=' . $member['look'] . '&amp;direction=2&amp;head_direction=3&amp;size=l&amp;gesture=sml">
                                        </div>
                                        <div class="mr-auto">
                                            <div class="staff-role text-white">
                                                ' . $Ranks['name'] . '
                                            </div>
                                        </div>
                                        <div class="mr-3"><img src="{url}/c_images/album1584/OWNE.gif"></div>
                                    </div>
                           
                            ';
            }
        }

        echo '<script type="text/javascript">if (!$(document.body).hasClassName(\'process-template\')) { Rounder.init(); }</script> ';
    }

?>
                           
                               
                                   
                            </div>
                            </div>
                                           
                                                               

        </div>
    </div>
</div>

Any help appreciated and thanks in advance.

 

[Shxrty]

Do you have a live view?