|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
11.03.2016, 22:29 | #1 |
Пользователь
Регистрация: 17.07.2013
Сообщений: 20
|
Проблема с display: inline-block
По условию задачи, в стиле должно быть display: inline-block. Однако, когда его добавляю, <input typer="range"> перескакивает на следующую строку. Подскажите пожалуйста, как это поправить?
Код HTML:
CSS: label {width: 180px; display: inline-block; text-align:right; text-align:top;} HTML: <fieldset> <legend>Your Indicators</legend> <label for="height">Height: <span class="textL">Short</span><height> <input type="range" min="0" max="100" name="height" id="height"> <span class="textR">Tall</span> <br> <label for="salary">Salary: <span class="textL">Poor</span></label><input type="range" min="0" max="100" name="salary" id="salary"> <span class="textR">Rich</span> </fieldset> - Без display: inline-block Последний раз редактировалось KaMaKaDzA; 11.03.2016 в 22:56. |
11.03.2016, 23:19 | #2 |
Пользователь
Регистрация: 17.07.2013
Сообщений: 20
|
короче можно закрывать. Я label не закрыл, из-за этого косяк был.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как обойти display:block !important ? | Capoeirista | HTML и CSS | 3 | 13.03.2016 00:57 |
Не работает style.display="inline" | zeva | JavaScript, Ajax | 1 | 13.06.2012 16:34 |
Меню: display: block, padding-top и bottom | keen_ | HTML и CSS | 0 | 17.03.2012 09:36 |
Display block не block | mrgrudge | HTML и CSS | 2 | 25.12.2010 11:10 |
display: block; и ненужная горизонтальная полоса прокрутки. | Benderbej | HTML и CSS | 2 | 23.08.2010 13:30 |