html - 触摸右上角的用户名

Question

如何使此文本触摸屏幕的右侧......我给了边距，但它没有移动到右侧......希望我的用户 nmae 处于正确的极端

http://jsfiddle.net/KthYy/embedded/result/

用户信息：test1@defie.co

<div class="companyLogo">
                <a class="brand" href="http://intra.defie.co/%3C?=%20HOME_URL%20;?%3E" style="">
                Company LOGO
                </a>
                <div class="nav-collapse collapse"></div><!--/.nav-collapse -->
            </div>




            <div class="login-container">

                <span class="userInfo"><span class="mailId">User info: test1@defie.co</span><span><a href="http://intra.defie.co/Account/logout">[LOG OUT]</a></span></span>
                        </div>          <div class="clear"></div>

        </div>
    </div>

Answer 1

您在 CSS 规则中为您的 userInfo SPAN 设置了 133 像素的右填充：

padding-right: 133px; 

这会阻止它显示在最右边。删除该声明或将其设置为 0。您可能还希望为您的登录容器将 text-align 属性设置为“right”：

.login-container {text-align:right;}

你是这么想的？

干杯!