MyBB Community Forums

I've run into an issue here. I'm trying to separate two texts on the same bar. Here is what it currently looks like:



When I add my alignment, this is what happens:


As you can see, the panel shrinks up. Here is my code:

header_welcomeblock_member

<!-- Continuation of div(class="upper") as opened in the header template -->
<div class="left-align">
<ul class="menu panel_links">
<a class="inbox tt" href="{$mybb->settings['bburl']}/private.php" id="pm_notification" title="Private Messages"><i style="font-size: 16px;" class="fa fa-envelope-o fa-fw"></i> {$mybb->user['pms_unread']}</a>
</ul>
</div>

<div class="right-align">
<div class="dropdown">
<div class="dropbtn"><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}">{$mybb->user['username']} <i style="font-size: 16px;" class="fa fa-caret-down"></i></a></div>
  <div class="dropdown-content">
 <a href="{$mybb->settings['bburl']}/usercp.php" class="usercp">{$lang->welcome_usercp}</a>
 <a href="{$mybb->settings['bburl']}/usercp.php?action=profile">Edit Profile</a>
 <a href="{$mybb->settings['bburl']}/usercp.php?action=editsig">Change Signature</a>
 <a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup&modal=1', null, true); return false;">{$lang->welcome_open_buddy_list}</a>
 <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">[{$lang->welcome_logout}]</a>
  </div>
</div>
</div>

</div>
</div>

In my global.css, here are my alignments:

.left-align {
 float: left;
padding-left: 50px;
}

.right-align {
float: right;
padding-right: 50px;
}

Any idea what could be causing this? Thank you!

Link to my forum is http://destinyboard.net just in case that makes things easier.