Hi, can anyone help with formatting.

What I would like to do is add text into the center of the grey bar between the login button (left) and the Connect & Follow (right). I have tried everything I know including changing the css file which is 50% left and right and adding a <div class="toplogin2">. Problem is the page gets all messed up adding the following:

<div class="toplogin">
<% minicssaction="onelineminilogin"%>
<!--#include file="../vsadmin/inc/incminicss.asp"-->
</div>

<div class="toplogin2">
<!-- <img src="../images/extras/canada-maple-leaf-612x612.png" alt="Canadian Maple Leaf" width="48px" height="48px">-->
<!-- Proudly Canadian since 1954-->
<!-- <img src="../images/extras/canada-maple-leaf-612x612.png" alt="Canadian Maple Leaf" width="48px" height="48px">-->
</div>

<div class="connect_flow">
<div class="header_top">
<div class="main">

<span class="connectflow">Connect & follow</span>
<a href="http://www.thediscriminatingchef.wordpress.com/" target="_blank"><img src="../images/extras/wordpressLogoRED.png" onMouseOver="this.src='../images/extras/wordpressLogo-WBlue.png'" onMouseOut="this.src='../images/extras/wordpressLogoRED.png'" alt="WordPress icon"></a>
<a href="https://www.instagram.com/CCI_knives" target="_blank"><img src="../images/extras/instagram-logo_2016-Red.png" onMouseOver="this.src='../images/extras/Instagram-2016.png'" onMouseOut="this.src='../images/extras/instagram-logo_2016-Red.png'" alt="Instagram icon"></a>
<!-- <a href="https://www.twitter.com/CCI_knives" target="_blank"><img class="t" src="../images/extras/twitterLogoRED.png" onMouseOver="this.src='../images/extras/TwitterLogo-TBlue.png'" onMouseOut="this.src='../images/extras/twitterLogoRED.png'" alt="Twitter icon"></a>-->
<a href="https://www.facebook.com/pages/Canada-Cutlery-Inc/343931098958304" target="_blank"><img src="../images/extras/facebookLogoRED.png" onMouseOver="this.src='../images/extras/facebookLogo-fbBlue.png'" onMouseOut="this.src='../images/extras/facebookLogoRED.png'" alt="Facebook icon"></a>
<a href="https://www.youtube.com/user/CanadaCutlery" target="_blank"><img class="t" src="../images/extras/youtubeLogo-YTRed.png" onMouseOver="this.src='../images/extras/youtubeLogo-Black.png'" onMouseOut="this.src='../images/extras/youtubeLogo-YTRed.png'" alt="YouTube icon"></a>
</div>

<div class="web_redirect">
<a href="https://www.canadacutlery.us" target="_self">Go To USA Site <img src="../images/usa002.png" width="26px" height="14px" onMouseOver="this.src='../images/usa002.png'" onMouseOut="this.src='../images/usa002.png'" alt="To USA Site"></a>
</div>




CCI - Tools for the Discriminating Chef