用户名触摸右上角

时间:2013-01-25 20:52:20

标签: html css html5 css3 twitter-bootstrap

如何让这个文字触摸屏幕的右侧.... 我给了保证金,但它没有移动到右侧..... 希望我的用户能够处于正确的极端

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>

1 个答案:

答案 0 :(得分:2)

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

padding-right: 133px; 

这使得它无法正确显示。删除该声明或将其设置为0.您可能还需要为登录容器将text-align属性设置为“right”:

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

那是你在想什么?

干杯!