Стилизация текста на фиксированном расстоянии от правой стороны экрана

Question

Я бы хотел, чтобы стиль <div class="logintitle">Please login</div> был зафиксирован на определенном расстоянии (возможно, 300 пикселей) от правой стороны экрана.Приведенный ниже код CSS делает это, но он также отображает надписи «Пожалуйста» над «логином» и добавляет горизонтальную полосу прокрутки внизу окна браузера.Как я могу это сделать, оставив «Пожалуйста» и «Войти» в одной строке и не добавляя горизонтальную полосу прокрутки?

Заранее спасибо,

Джон

.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;