Сделать ярлык для текстовой области рядом с ним, но выровнять по центру по вертикали - PullRequest
6 голосов
/ 14 декабря 2011

Пожалуйста, взгляните на эту скрипку: http://jsfiddle.net/hughbe/QYGcq/

Как видите, метка для <textarea id = "FooText"></textarea> находится рядом с textarea, как и должно быть, однако я бы хотел сделать метку вертикально рядом с текстовой областью или в верхней части текстовой области, а не внизу, как в этой скрипке.

Я пытался установить его css на vertical-align: middle, но это не сработало. Что я должен сделать, чтобы этикетка была выровнена сверху или по центру?

Спасибо.

Ответы [ 2 ]

17 голосов
/ 14 декабря 2011

Использование vertical-align: middle для текстовой области http://jsfiddle.net/VxY6m/

Поскольку вертикальное выравнивание подразумевается относительно строки текста, в данном случае - метка.

1 голос
/ 14 декабря 2011

Попробуйте это:

<style>
    label {
        display: block; 
        float: left; 
        padding-top: 8px
    }
    textarea {
        resize: none; 
        overflow-y: hidden;        
    }
</style>
<label for="FooText">Content:</label>
<textarea id="FooText"></textarea>

Я сделал метку блок-элементом и применил к ней верхний отступ. Смотрите также скрипка .

...