Html код в одну строку как исправить

I have a long text inside a div with defined width:

HTML:

<div>Stack Overflow is the BEST!!!</div>

CSS:

div {
    border: 1px solid black;
    width: 70px;
}

How could I force the string to stay in one line (i.e., to be cut in the middle of “Overflow”)?

I tried to use overflow: hidden, but it didn’t help.

asked Mar 8, 2011 at 12:16

Misha MoroshkoMisha Moroshko

165k225 gold badges502 silver badges740 bronze badges

Try this:

div {
    border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}

answered Mar 8, 2011 at 12:20

In your CSS section, use white-space: nowrap;.

answered Mar 8, 2011 at 12:18

Rob AgarRob Agar

12.3k5 gold badges48 silver badges63 bronze badges

div {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

<div>Stack Overflow is the BEST!!!</div>

gogaz

2,2921 gold badge23 silver badges31 bronze badges

answered Oct 5, 2016 at 6:35

I made a fiddle:

http://jsfiddle.net/audetwebdesign/kh4aR/

RobAgar pointed out white-space:nowrap.

A couple of things here: You need overflow: hidden if you don’t want to see the extra characters poking out into your layout.

Also, as mentioned, you could use white-space: pre (see EnderMB), keeping in mind that pre will not collapse white space whereas white-space: nowrap will.

answered Mar 8, 2011 at 13:15

Marc AudetMarc Audet

45.8k11 gold badges63 silver badges83 bronze badges

div {
    display: flex;
    flex-direction: row;
}

was the solution that worked for me. In some cases with div-lists, this is needed.

Some alternative direction values are row-reverse, column, column-reverse, unset, initial, and inherit. Which do the things you expect them to do.

answered Aug 4, 2018 at 18:48

Give this a try. It uses pre rather than nowrap as I would assume you would want this to run similarly to <pre>, but either will work just fine:

div {
    border: 1px solid black;
    max-width: 70px;
    white-space: pre;
}

http://jsfiddle.net/NXchy/11/

answered Mar 8, 2011 at 12:23

Mike BMike B

12.7k20 gold badges82 silver badges109 bronze badges

None of the previous answers worked for me.

There are instances where regardless what you do, and depending on the system (Oracle Designer: Oracle 11g – PL/SQL), divs will always go to the next line, in which case you should use the span tag instead.

This worked wonders for me.

<span float: left; white-space: nowrap; overflow: hidden; onmouseover="rollOverImageSectionFiveThreeOne(this)">
    <input type="radio" id="radio4" name="p_verify_type" value="SomeValue"  />
</span> 
Just Your Text || 
<span id="headerFiveThreeOneHelpText" float: left; white-space: nowrap; overflow: hidden;></span>

answered Aug 20, 2013 at 13:15

in span you need to add :
{ display: block; }

span {
  width: 70px;
  border: 1px solid black;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  }

<span>Stack Overflow is the BEST!!!</sapn>

Ged Flod

2,3532 gold badges15 silver badges40 bronze badges

answered May 25, 2022 at 15:00

Try setting a height, so the block cannot grow to accommodate your text, and keep the overflow: hidden parameter.

Here is an example of what you might like if you need to display two lines high:

div {
    border: 1px solid black;
    width: 70px;
    height: 2.2em;
    overflow: hidden;
}

answered Mar 8, 2011 at 12:18

Wouter SimonsWouter Simons

2,8361 gold badge19 silver badges15 bronze badges

Источник

Notepad++ открывает html документы в одну строчку. Как исправить?

Подписаться на тему
Сообщить другу
Скачать/распечатать тему

Сообщ.
#1

,
21.04.16, 21:29

Ребзя, помогите! Скачал Notepad++ 6,9 с официального сайта. Попытался открыть html документ, открывает, но в неудобочитаемом виде (нет разделения на строки, всё идет одним блоком, а фон подсвечен розовым). Прилагаю скриншот. Как сделать так, чтобы Notepad++ открывал документы, так как он и должен это делать, в удобочитаемом виде. То что есть сейчас редактировать просто невозможно.

Прикреплённый файлImage_1.jpg (83,91 Кбайт, скачиваний: 1442)

Serafim

Сообщ.
#2

,
22.04.16, 08:02

Moderator

Рейтинг (т): 79

Проблема в переносах строк. Весь мир сидит на n, нотпад пытается найти rn

AVA12

Сообщ.
#3

,
22.04.16, 11:03

Цитата

Весь мир сидит на n

Билл Гейтс смотрит грустно и с недоумением.

Вообще странная ситуация – Notepad++ сам распознает и использует любой из трех форматов. Может, в файле переносов строк просто нет? Например, кто-то открыл файл с юниксовыми переносами в обычном блокноте и зачем-то сохранил файл. Или на сервере шаблоны такие кривые. Попробуй посмотреть файл в шестнадцатиричном виде (любой нормальный двухпанельный менеджер умеет) и поискать байты 0a и 0d.

heavenlook

Сообщ.
#4

,
22.04.16, 15:24

Serafim, а это можно как-то исправить?

Славян

Сообщ.
#5

,
22.04.16, 16:05

Цитата Serafim @ 22.04.16, 08:02

Весь мир сидит на n, нотпад пытается найти rn

Мой 6.8.8 нормально переводит и случай когда только байты 0A.

Цитата AVA12 @ 22.04.16, 11:03

Может, в файле переносов строк просто нет? Например, кто-то открыл файл с юниксовыми переносами в обычном блокноте и зачем-то сохранил файл.

Скорее всего, их=переносов просто нет.

heavenlook

Сообщ.
#6

,
22.04.16, 16:12

AVA12, посмотрел файл через тоттал-командер в шестнадцатиричном виде, но не нашел байты 0a и 0d.

Славян

Сообщ.
#7

,
22.04.16, 16:14

Цитата heavenlook @ 21.04.16, 21:29

Как сделать так, чтобы Notepad++ открывал документы, так как он и должен это делать, в удобочитаемом виде.

Можно выбрать команду “ПлагиныNppExportExport to HTML”, но она не один-в-один сохранит, малость… :blush:

heavenlook

Сообщ.
#8

,
22.04.16, 16:15

Славян, как думаешь, если установить 6.8.8 версию Notepad++ , проблема решится?

Добавлено 22.04.16, 16:20

Цитата Славян @ 22.04.16, 16:14

Цитата heavenlook @ 21.04.16, 21:29

Можно выбрать команду “ПлагиныNppExportExport to HTML”, но она не один-в-один сохранит, малость… :blush:

Нет, не могу ничего менять в файле, т.к. он клиентский.

Цитата heavenlook @ 21.04.16, 21:29

Можно выбрать команду “ПлагиныNppExportExport to HTML”, но она не один-в-один сохранит, малость… :blush:

Нет, не могу ничего менять в файле, т.к. он клиентский.

Славян

Сообщ.
#9

,
22.04.16, 16:26

Цитата heavenlook @ 22.04.16, 16:15

как думаешь, если установить 6.8.8 версию Notepad++ , проблема решится?

Думаю, что нет. Открывать он будет/должен всё равно “как есть”. Как “заставить” показывать, выполняя некое задуманное преобразование, – не знаю.

Добавлено 22.04.16, 16:30
П.С. собственно, 6.8.8 тоже не решает вашу задачу, т.к. и он откроет всё длинной строкой, а покажет как надо токмо опосля преобразования. Попробуйте нажать Ctrl+I – операция разбить строки.

heavenlook

Сообщ.
#10

,
22.04.16, 17:24

Славян, да, установил 6.8.8 версию Notepad++, и всё-равно открывает файл в одну строку. Попытался по вашему совету, раззбить на сторки, но все строки в одной куче, нет разделения на блоки и т.д. Вообщем, работать с файлом в таком состоянии просто невозможно.

AVA12

Сообщ.
#11

,
22.04.16, 17:45

Гм, у меня авторазбиение на строки на тестовом файлике не работает (а как должно работать?). Экспорт в HTML тупо экранирует текст и вставляет его в div. Нашел пока только одно работающее решение: открыть в браузере -> инструменты разработчика -> документы -> развернуть дерево -> выделить все -> скопировать и сохранить.

heavenlook

Сообщ.
#12

,
22.04.16, 18:25

AVA12, ну вообще, до того как переустановил ось с windows xp на windows 10, в Notepad++ этот же документ открывался корректно. Т.е. так же с сервера скачивал этот html документ, и прекрасно открывал его в Notepad++, с переносами строк, блоками и подсветкой. А сейчас почему-то открывает в неудобочитаемом виде. Вот и ломаю голову, почему так происходит.

По вашему совету открыл файл в браузере google hrome, далее перешел в инструменты разработчиков, и получил картину как на скриншоте. Куда дальше нажимать? Пункта “Документы” нигде не вижу.

Прикреплённый файлbchv.jpg (20,05 Кбайт, скачиваний: 1336)

heavenlook

Сообщ.
#13

,
25.04.16, 22:14

Уважаемые форумчане, есть ещё какие-то идеи как решить проблему?

Kray74

Сообщ.
#14

,
26.04.16, 12:21

heavenlook, насколько я понял сервер отдает HTML одной строкой, так что баловаться с редакторами бесполезно. Ищи программы (или онлайн сервисы) для авто-форматирования HTML и прогоняй свой файл через них.

Serafim

Сообщ.
#15

,
26.04.16, 19:49

Moderator

Рейтинг (т): 79

Любая IDE это запросто делает. Взять к примеру WebStormPhpStorm: Ctrl + Alt + Shift + L

0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)

0 пользователей:

Предыдущая тема
HTML, CSS
Следующая тема

[ Script execution time: 0,0612 ] [ 18 queries used ] [ Generated: 23.05.23, 10:31 GMT ]

Источник

Compute

Мыслитель

(5595),
закрыт

2 года назад

Закинул html код из буфера обмена в notepad++ а он его вставил в одну строку. Как исправить это и сделать чтобы во весь код было а не в одну строку? Похожий вопрос был несколько лет назад только с css: https://otvet.mail.ru/question/204396736 но проблему так и не решили там.
Включить функцию “Перенос текста” – не предлагать.

Дополнен 2 года назад

refactor code online:
https://webformatter.com/ – поддерживает языки: HTML XML CSS JavaScript PHP JSON
https://www.freeformatter.com/html-formatter.html – ещё больше всяких возможностей

Источник

Содержание

Выровнять текст в одну строчку
в эту же строку нужно чтобы Бесплатная доставка по всей России! была
, а (кроме удаленных областей) нет, но оставалось на этой же строке.
, либо перемещается на другую строку. Подскажите, пожалуйста, как правильно.
заворачиваете. А мне нужно оставить его на этой же строке и сделать НЕ
что так правильно
+ на этой же строке (кроме удаленных областей) НЕ завернуто в
ваши ответы не дают решения ни правильный, ни неправильный.
Html код в одну строку как исправить
Html код в одну строку как исправить
Расположить текст в одну строку
Решение
Как сделать на одной строке 3 текста на одном уровне?
Решение

Выровнять текст в одну строчку

в эту же строку
нужно чтобы Бесплатная доставка по всей России! была

, а (кроме удаленных областей) нет, но оставалось на этой же строке.

, либо перемещается на другую строку.
Подскажите, пожалуйста, как правильно.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

tick Выровнять логотип и текст в одну строку
Здравствуйте.Пытаюсь сделать текст на против лого,но выходит какая то дичь.Скрины в низу,как должно.

Текст в одну строчку
Можно ли весь код сайта начиная от и кончая вывести в одну.

Найти, вытащить текст, сцепить в одну строчку
Имеется множество пронумерованных столбцов. При вводе общего номера, необходимо вытащить текстовую.

Как вывести текст в Мемо в одну строчку?
Здравствуйте. Написал следующий код: for(int j=0;j 10

angiks, у Вас неверно выстроена вёрстка с точки зрения семантики.

заворачиваете. А мне нужно оставить его на этой же строке и сделать НЕ

что так правильно

это и так понятно, только проблемы не решает

Добавлено через 2 минуты
svs171, в этом случае оно переходит на другую строку

+ на этой же строке (кроме удаленных областей) НЕ завернуто в

ваши ответы не дают решения ни правильный, ни неправильный.

Жамкните при открытии страницы Ctrl+F5, авось получится. smile3

Помощь в написании контрольных, курсовых и дипломных работ здесь.

tick Текст в одну строчку в Memo при выборе из ListBox1 и ListBox2
Выбираю пункты из ListBox1 и ListBox2. Нажимаю кнопку Выбрать. Они записываются в Memo1, но друг.

Отформатировать текст так, чтобы его ширина не превосходила N позиций, и выровнять текст по краю
Дано целое число N и текстовый файл Name1, содержащий текст, выровненный по левому краю. Абзацы.

tick Дан текстовый файл, содержащий текст, выровненный по левому краю. Выровнять текст по центру
Дан текстовый файл, содержащий текст, выровненный по левому краю. Выровнять текст по центру.

Источник

Прикреплённый файл jpeg Image_1.jpg (83,91 Кбайт, скачиваний: 1425)

pip pip pip pip pip

Билл Гейтс смотрит грустно и с недоумением.

pip pip pip pip pip pip

Добавлено 22.04.16, 16:20

Нет, не могу ничего менять в файле, т.к. он клиентский.

pip pip pip pip pip pip

pip pip pip pip pip

AVA12, ну вообще, до того как переустановил ось с windows xp на windows 10, в Notepad++ этот же документ открывался корректно. Т.е. так же с сервера скачивал этот html документ, и прекрасно открывал его в Notepad++, с переносами строк, блоками и подсветкой. А сейчас почему-то открывает в неудобочитаемом виде. Вот и ломаю голову, почему так происходит.

По вашему совету открыл файл в браузере google hrome, далее перешел в инструменты разработчиков, и получил картину как на скриншоте. Куда дальше нажимать? Пункта «Документы» нигде не вижу.
Прикреплённый файл jpeg bchv.jpg (20,05 Кбайт, скачиваний: 1305)

Источник

Html код в одну строку как исправить

При разработке код всегда отформатирован разными сдвигами отступами, а так же имеет комментарии. То есть для его читабельности.

Есть ли какие-то онлайн ресурсы или другие варианты, чтобы отформатированный код с комментариями преобразовать в одну строку, удалив комментарии и ненужные пробелы/отступы?

Смысл? На скорость исполнения это не влияет.

Ищется похожее на такое:

Все это ерунда, как бы ты HTMLJS не хотел бы сделать менее читабельным, всегда найдутся средства которые сделают обратное. Открой те же инструменты разработчика в Opera. Там HTML всегда ровный в независимости от исходного состояния.

76701 1

а делается все одной preg_replace буфера вывода.

DiAksID:

а делается все одной preg_replace буфера вывода.

Ну это грубо. Как в таком случае определить единичные пробелы которые лишние. Может у меня в тексте на странице есть единичные пробелы и я их всех удалю. Где >=2 впринципе можн и так.

К тому же что делать с комментариям.

76701 1

Qest:
Ну это грубо. Как в таком случае определить единичные пробелы которые лишние. Может у меня в тексте на странице есть единичные пробелы и я их всех удалю. Где >=2 впринципе можн и так.

К тому же что делать с комментариям.

всё можно сделать, хотя и не одним, а последовательность 3-х/4-х preg_replace. аккуратно и так как нужно кодеру: и форматированные участки можно защитить от изменения, а уж комменты всех видов вырезаются вообще без проблем (вопрос о них, мягко говоря, выглядит смешно).

ЗЫ: времени на то что бы включить мозг и отладить этот простенький алгоритм нужно значительно меньше чем дождаться здесь «подарка». хотя каждому своё.

DiAksID:
всё можно сделать, хотя и не одним, а последовательность 3-х/4-х preg_replace. аккуратно и так как нужно кодеру: и форматированные участки можно защитить от изменения, а уж комменты всех видов вырезаются вообще без проблем (вопрос о них, мягко говоря, выглядит смешно).

Ну конечно, как у вас все просто. Раз два и все. Тут куча разных мелочей и факторов, к примеру код может быть смешанным, в одном файле и php и js и html. В Js к примеру в конце строки не обязательно ставить ;, а если в одну строку то должно быть. Не говоря уже о единичных пробелах. И если у тебя 100 файлов, я неделю буду их вручную делать так.

Конечно можно написать код который это будет делать, но зачем изобретать велосипед если возможно кто-то его уже написал.

76701 1

ёпрст 😂 ппц аргументы. смешной парень.

DiAksID, господи, да откуда ж вас столько берется псевдогениев которые все знают. minify работает с JS и CSS файлами только, а речь идет по крайней мере о html,css,js,php как одно целое, следовательно не решает проблемы описанной выше (если код смешанный)

76701 1

я же предупреждал, что включить мозжечок придётся 🙅 не зря, видимо. все скрипты там есть, где и как подключить их к обработке буфера вывода выясняйте сами.

Источник

Расположить текст в одну строку

Приветствую.
Посмотрите страничку в прикрепленном архиве.

Почему-то PS-09 растягивается на 2 строки, а должно быть все в 1 строку.
Это случилось после того, как я размер картинки изменил из px в %, потому что на телефоне плохо картинка отображалась.
Нужно % оставить, пусть так будет, но почему в 2 строки пишется?

нужен, потому что без него тот блок будет плоским.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Вложения

Desktop.rar (1.0 Кб, 10 просмотров)

Расположить элементы в одну строку
Делаю вёрстку модального окна с помощью бутстрапа. Столкнулся с проблемой, элементы съезжают, а они.

tick Как расположить 2 таблицы в одну строку
Нужна помощь! Как расположить 2 таблицы строку? КОд таблицы внизу. Если поместить код таблиц в один.

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

Решение

Ну начнем с того, что нужно писать валидный код.

Если пользуешься свойством float, то не забывай отчищать стили у родительского элементе свойством clear

За очистку не знал. Спасибо.
DPC нужен был потому что без него блок получался высотой в 10 пикселей и туда не вмещались слова, а были поверх него. Уже он не нужен (в новом коде).
В % задавал, потому что старался сделать резиновый сайт и со смартфона тот домик был маленьким.

В общем спасибо. =) Все работает.

Добавлено через 7 часов 2 минуты
Хм.. Все супер, но % в размере картинки теперь не действуют. Мне нужно чтобы картинка была как и сайт «резиновая», а не одного размера. Поможете?

Помощь в написании контрольных, курсовых и дипломных работ здесь.

tick Расположить два элемента в одну строку
Всем привет! вставил часы на сайт, но они отображаються друг под другом. Как сделать так чтобы они.

Расположить резиновый и фиксированный блок в одну строку
Не понимаю, как сделать так, чтобы блок справа занимал 250px, а блок слева занимал 100% от.

баг текст в одну строку
помогите пож, вот сайт http://iti.in.ua/ в блоке справа «Новости» «Отзывы» почему то текст идет.

tick Выровнять логотип и текст в одну строку
Здравствуйте.Пытаюсь сделать текст на против лого,но выходит какая то дичь.Скрины в низу,как должно.

Источник

Как сделать на одной строке 3 текста на одном уровне?

Помощь в написании контрольных, курсовых и дипломных работ здесь.

как сделать чтобы 2 блока были на одном уровне
Как сделать чтобы 2 div блока были на одном уровне в HTML? Хочу поместить в шапку два блоко с.

Как сделать выпадающие пункты меню на одном уровне с родительским пунктом?
Всем доброго дня. Есть вертикальное выпадающее меню. Никак не соображу как сделать, чтобы.

tick Как сделать чтобы 2 разных цвета тянулись в разные стороны на одном уровне
Как сделать чтобы 2 разных цвета тянулись в разные стороны на одном уровне. Нужно реализовать.

Как сделать так что бы количество записей в таблице держалось постоянно на одном уровне?
как сделать так что бы количество записей в таблице держалось постоянно на одном уровне те допустим.

Решение

а вот это: float: center; не смутило? smile3

по теме: немного подправил css

Помощь в написании контрольных, курсовых и дипломных работ здесь.

tick Выравнивание картинки и текста на одном уровне
Доброго времени суток! У меня возникла проблема при верстке. Никак не могу сделать данный текст и.

Выравнивание блоков текста html на одном уровне
Поясните, пожалуйста, с помощью какого тега можно сделать выравнивание двух блоков текста, чтобы.

Как это сделать? Как объединить более одной таблицы в одном запросе?
Как это сделать? Как объединить более одной таблицы в одном запросе? Есть три таблицы: Табл1.

tick Как выровнять 3 разных DIV на одном уровне
Как сделать что бы все DIV выровнять по вверху на один уровень а не как сейчас «ступенькой» друг.

Источник

i am working on a mobile app using HTML/CSS/JavaScript. I have two select option (drop down menu), one for number of dates and the other one for number of years. I want to be able to see these select options in one line, but no matter what I do, I get a drop down menu (number of dates) on one line and on the next line I get the drop down menu for number of years. Below you can see my codes

<div data-role="controlgroup" data-type = "horizontal" >

        <label for="select-choice-1" >Choose Expiry Date</label>
            <select name="select-choice-1" id="select-choice-1" data-inline = "true" style = "float: left">
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option> 
                <option value="5">05</option> 
                <option value="6">06</option> 
                <option value="7">07</option> 
                <option value="8">08</option> 
                <option value="9">09</option> 
                <option value="10">10</option> 
                <option value="11">11</option> 
                <option value="12">12</option> 
                <option value="13">13</option> 
                <option value="14">14</option> 
                <option value="15">15</option> 
                <option value="16">16</option> 
                <option value="17">17</option> 
                <option value="18">18</option> 
                <option value="19">19</option> 
                <option value="20">20</option> 
                <option value="21">21</option> 
                <option value="22">22</option> 
                <option value="23">23</option> 
                <option value="24">24</option> 
                <option value="25">25</option> 
                <option value="26">26</option> 
                <option value="27">27</option> 
                <option value="28">28</option> 
                <option value="29">29</option> 
                <option value="30">30</option> 
                <option value="31">31</option> 
            </select>

            <select name="select-year" id="select-yaer"  data-inline = "true" style = "float: right"/>
                <option value="2011">2011</option>
                <option value="2012">2012</option>
                <option value="2013">2013</option>
                <option value="2014">2014</option> 
                <option value="2015">2015</option> 
                <option value="2016">2016</option> 
                <option value="2017">2017</option> 
                <option value="2018">2018</option> 
                <option value="2019">2019</option> 
                <option value="2020">2020</option> 
                <option value="2021">2021</option> 
                <option value="2022">2022</option> 
                <option value="2023">2023</option> 
                <option value="2024">2024</option> 
                <option value="2025">2025</option> 
                <option value="2026">2026</option> 
                <option value="2027">2027</option> 
                <option value="2028">2028</option> 
                <option value="2029">2029</option> 
                <option value="2030">2030</option> 

            </select><br />

        </div>

UPDATE:
I am testing these codes on Android browser using jQuery mobile framework.

asked Jul 27, 2011 at 14:49

LoolooiiLoolooii

8,52114 gold badges65 silver badges90 bronze badges

Try floating both select tags left and adding a clear:both to the styling on the label. If you want the label above the two selects, just add a <br /> right below the label.

It would look something like



    <label>Label Value</label>
    <select>
        <option>Etc...</option>
    </select>
    <select>
        <option>Second select option...</option
    </select>

and the CSS would be



    label {
        clear:both;
    }
    select {
        float:left;
    }

Also, as a heads-up, you end your second select tag before the first option tag, so they aren’t included.
<select name="select-year" id="select-yaer" data-inline = "true" style = "float: right"/>. You need to get rid of the / right before the ending of the tag.

answered Jul 27, 2011 at 15:51

ayypayyp

6,5804 gold badges32 silver badges47 bronze badges

It’s the width on the ui-select class that’s causing your issue, Setting the width to auto should correct the issue. jQM adds a ton of extra markup for the look and feel on the page to be consistent across multiple devices. If you view the page source in a browser such as Chrome or FireFox you can see the extra elements. In your case you needed to modify the ui-select class as it has a width of 60% as the default.

Live Example:

http://jsfiddle.net/phillpafford/trdYP/47/

JS:

$('#select-choice-1').parent().parent().css('width','auto');

HTML:

<div data-role="page" id="home"> 
    <div data-role="content">
        <div data-role="controlgroup" data-type="horizontal" data-inline="true">

            <label for="select-choice-1" data-inline="true">Choose Expiry Date</label>
                <select name="select-choice-1" id="select-choice-1" data-inline="true">
                    <option value="1">01</option>
                    <option value="2">02</option>
                    <option value="3">03</option>
                    <option value="4">04</option> 
                    <option value="5">05</option> 
                    <option value="6">06</option> 
                    <option value="7">07</option> 
                    <option value="8">08</option> 
                    <option value="9">09</option> 
                    <option value="10">10</option> 
                    <option value="11">11</option> 
                    <option value="12">12</option> 
                    <option value="13">13</option> 
                    <option value="14">14</option> 
                    <option value="15">15</option> 
                    <option value="16">16</option> 
                    <option value="17">17</option> 
                    <option value="18">18</option> 
                    <option value="19">19</option> 
                    <option value="20">20</option> 
                    <option value="21">21</option> 
                    <option value="22">22</option> 
                    <option value="23">23</option> 
                    <option value="24">24</option> 
                    <option value="25">25</option> 
                    <option value="26">26</option> 
                    <option value="27">27</option> 
                    <option value="28">28</option> 
                    <option value="29">29</option> 
                    <option value="30">30</option> 
                    <option value="31">31</option> 
                </select>

                <select name="select-year" id="select-yaer" data-inline="true">
                    <option value="2011">2011</option>
                    <option value="2012">2012</option>
                    <option value="2013">2013</option>
                    <option value="2014">2014</option> 
                    <option value="2015">2015</option> 
                    <option value="2016">2016</option> 
                    <option value="2017">2017</option> 
                    <option value="2018">2018</option> 
                    <option value="2019">2019</option> 
                    <option value="2020">2020</option> 
                    <option value="2021">2021</option> 
                    <option value="2022">2022</option> 
                    <option value="2023">2023</option> 
                    <option value="2024">2024</option> 
                    <option value="2025">2025</option> 
                    <option value="2026">2026</option> 
                    <option value="2027">2027</option> 
                    <option value="2028">2028</option> 
                    <option value="2029">2029</option> 
                    <option value="2030">2030</option> 
                </select>
        </div>
    </div>
</div>

answered Jul 27, 2011 at 15:54

Phill PaffordPhill Pafford

83k91 gold badges262 silver badges382 bronze badges

If you make them both float left they will sit side by side, as long as their combined widths don’t exceed the width of the container.

answered Jul 27, 2011 at 14:51

shanethehatshanethehat

15.4k11 gold badges57 silver badges87 bronze badges

Источник

Выровнять текст в одну строчку

в эту же строку нужно чтобы Бесплатная доставка по всей России! была

, а (кроме удаленных областей) нет, но оставалось на этой же строке.

, либо перемещается на другую строку. Подскажите, пожалуйста, как правильно.

заворачиваете. А мне нужно оставить его на этой же строке и сделать НЕ

что так правильно

+ на этой же строке (кроме удаленных областей) НЕ завернуто в

ваши ответы не дают решения ни правильный, ни неправильный.

Html код в одну строку как исправить

Html код в одну строку как исправить

Расположить текст в одну строку

Решение

Как сделать на одной строке 3 текста на одном уровне?

Решение

Вам также может понравиться

Как составить меню в сети

Площадь полной поверхности цилиндра как найти высоту

Как найти скаченную музыку на телефоне самсунг

Добавить комментарий Отменить ответ

в эту же строку
нужно чтобы Бесплатная доставка по всей России! была

, либо перемещается на другую строку.
Подскажите, пожалуйста, как правильно.