Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/91: Рейтинг темы: голосов - 91, средняя оценка - 4.89
 Аватар для ilnurgi
141 / 141 / 38
Регистрация: 20.02.2012
Сообщений: 597

выровнять input c label

03.04.2013, 13:58. Показов 18571. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
привет

подскажите пожалуйста, как выровнять input по label'y.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
 
    <head>
        <meta charset='utf-8'>
        <title>title</title>
 
    </head>
 
    <body>
        <form>
            <fieldset>
                <label for='first_name' style = '
                    display: block;
                    float: left;
                    width: 130px;'>
                    имя имя имя имя имя имя</label>
                <input type='text' name='first_name' style=''>
        <form/>
 
    </body>
 
</html>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
03.04.2013, 13:58
Ответы с готовыми решениями:

Выровнять в label
Как выровнять в label у меня в этой строке картинка и текст я хочу что бы все было по середине по вертикале.

Выровнять input (CSS)
Нужно выровнять как на изображении. Помогите пожалуйста, кода две строчки, да не могу понять что сделать нужно!)

Выровнять Input по ширине
Такие дела есть стандартная форма с тремя инпутами text, email, submit их необходимо выровнять по центру и чтобы все были одинаковой...

1
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
03.04.2013, 15:43
HTML5
1
2
3
4
    <label>
        имя имя имя имя имя имя
        <input type='text' name='first_name' />
    </label>
CSS
1
2
3
label input {
    vertical-align: middle;
}
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
03.04.2013, 15:43
Помогаю со студенческими работами здесь

Как выровнять Label относительно его конца?
Всем привет. Как я могу выровнять label и input относительно его конца, как на первом рисунке?

Label над input
Здравствуйте подскажите как сделаь чтоб поля лабел были над инпутами при этом нужно чтоб 4 поля было в строчку и таких строчки еще 3 вниз,...

Обязательно ли label привязывать к input?
&lt;html&gt; &lt;head&gt; &lt;title&gt;HTML5: ввод даты&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action=&quot;http://www.primer.ru/bookings/&quot;...

Label поместить в поле input
Господа! Нет возможности поместить placeholder поэтому нужно классом вогнать label в поле пароля. Как? &lt;div...

Расположить label и input в одну строку
Здравствуйте, подскажите как сделать чтоб мои label и input распологались не друг под другом а в строчку)) &lt;div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru