造型文字距屏幕右侧固定距离

Question

我想将<div class="logintitle">Please login</div>的样式固定在离屏幕右侧一定距离（可能是300个像素）处。下面的CSS就是这样做的，但它也使得“Please”出现在“login”上方，并且它在浏览器窗口的底部添加了一个hortizontal滚动条。我该如何做到这一点，同时保留“请”和“登录”在同一行，而不添加hortizontal滚动条？

由于提前，

约翰

.logintitle 
     { 
     position:absolute; 
     width:10px; 
     right:300px; 
     top:2px; 
     text-align: left; 
     margin-bottom:3px; 
     padding:0px; 
     font-family:Arial, Helvetica, sans-serif; 
     font-size: 12px; 
     color: #000000; 
     } 

Answer 1

嗯，这是因为你设置宽度为10px和“请登录”被打破它放到一个单独的行空格隔开。至于水平滚动条，这种划分本身不应该造成这种情况，页面中一定有其他的东西干扰它。

要解决多行的问题，您可以拓宽块的宽度或添加这种风格：

white-space: nowrap;