Как перенести строку в value?

Question

[Иван Федоров]

Есть input type="submit" value="..." Как сделать перенос строки в value? Сама строка value - "Получить консультацию" в модальном окне. Слева от этого инпута еще два поля для ввода имени и почты. Строка уползает за границы кнопки.

Answer 1

[alex]

Попробуйте

input[type="submit"] {
  white-space: normal;
}

Comments

[Иван Федоров]

Спасибо огромное! Действительно помогло,я про это свойство забыл.

Answer 2

[Алексей Уколов]

<button type="submit">Любая<br>HTML-разметка</button>

Comments

[Иван Федоров]

Это и так ясно. Нельзя там button прописать. Код кривой очень, формы написаны таблицами, какой-то укурок страницу делал. Кнопки были вообще прописаны с помощью <span>, которые ничего не делали.

[Алексей Уколов]

Другого способа сделать перенос строки в кнопке нет.

[Алексей Скляров]

Иван Федоров: как вариант можете уменьшить ширину кнопки, чтобы предложение поделилось.

[Иван Федоров]

Алексей Скляров: Как "вариант", надпись просто выползает за границы кнопки и никуда не переносится.

[Иван Федоров]

Алексей Уколов: Сделал button но она смещается вниз относительно полей, манипуляции с margin-top игнорируются.

[Алексей Уколов]

Вы код, может, покажете? Или нам посимвольно угадывать вашу разметку и стили?

[Иван Федоров]

Алексей Уколов: Да, надо было сразу выложить. Сайт делался с использование Bootstrap, не знаю, на кой черт автору потребовались таблицы в формах.

<div class="modal-footer">

        <div class="product pr1">
            <div class="FORM formProduct">

                <form method="POST" action="javascript:void(null);" onsubmit="get_consult1()" id="get_consult1">
                    <input type="text" class="name" name="name" value="" placeholder="Ваше имя" />
                    <input type="text" class="phone" name="phone" value="" placeholder="Ваш телефон" />
                    <input type="hidden" name="Вывески" value=" Вывескам">
                    <input style="background-color: #ffee58!important;font-size:16px!important; vertical-align: middle;display: inline-block; padding-top: 0;" value="Получить консультацию" type="submit">
                    <!--button style="border-radius:0px;border:none; display: inline-block;margin-top: -150px; padding-top: 0;">Получить<br/>консультацию</button-->
                    <!-- <span class="proceed yellow submit">Получить консультацию</span> -->
                </form>
            </div>
        </div>

      </div>

Инлайн-стили я стараюсь не использовать, но тут почему-то стили из внешнего файла работают почему-то не всегда, пришлось вставлять внутри тэга, учитывая их приоритетность.