Почему поля формы не выравниваются по горизонтали?

avatar
Grey-lover
8 апреля 2018 в 09:06
36
3
0

Я использую конструктор Themify и создал небольшую форму в текстовом блоке в конструкторе.

Непреднамеренный пробел над полями. Вы можете посмотреть его вживую здесь.

HTML:

<form action="contact_info.php" method="get">
    Loan Calculator
        <select class="form-inline">
            <option value="1000">$1,000 Loan</option>
            <option value="2000">$2,000 Loan</option>
            <option value="5000">$5,000 Loan</option>
            <option value="7500">$7,500 Loan</option>
            <option value="10000">$10,000 Loan</option>
            <option value="12000">$12,000 Loan</option>
            <option value="15000">$15,000 Loan</option>
            <option value="17000">$17,000 Loan</option>
            <option value="20000">$20,000 Loan</option>
            <option value="25000" selected="selected">$25,000 Loan</option>
            <option value="30000">$30,000 Loan</option>
            <option value="40000">$40,000 Loan</option>
            <option value="50000">$50,000 Loan</option>
            <option value="60000">$60,000 Loan</option>
            <option value="70000">$70,000 Loan</option>
            <option value="80000">$80,000 Loan</option>
            <option value="90000">$90,000 Loan</option>
            <option value="100000">$100,000 Loan</option>
        </select>
        <select class="form-inline">
            <option value="1">1 Year</option>
            <option value="2">2 Years</option>
            <option value="3">3 Years</option>
            <option value="4">4 Years</option>
            <option value="5" selected="selected">5 Years</option>
            <option value="6">6 Years</option>
            <option value="7">7 Years</option>
        </select>
        <input type="submit" value="Calculate" class="form-inline">
</form>

CSS:

.form-inline {
    display: inline-block;
    margin: 0px;
    float: left;
}
Источник
Temani Afif
8 апреля 2018 в 09:27
0

не оставляйте пробел между ними... попробуйте </select><select>

Ответы (3)

avatar
Grey-lover
8 апреля 2018 в 09:43
0

Я понял проблему. Wordpress автоматически добавляет теги <br>, если между тегами формы есть пробелы. Я удалил все пробелы между каждым тегом, и проблема была решена.

avatar
Ash
8 апреля 2018 в 09:23
0

На вашей демонстрационной странице есть тег <br> после каждого элемента в форме, удалите его.

Grey-lover
8 апреля 2018 в 09:25
0

эти теги <br> добавляются автоматически. Что я делаю?

avatar
Miami_3
8 апреля 2018 в 09:11
0

Привет, пожалуйста, удалите тег <br> между <select> в вашем коде, и ваши поля формы будут отображаться так, как вы хотите. Тег <br> заставляет разрывать строку, поэтому и видны такие пробелы.

Grey-lover
8 апреля 2018 в 09:25
0

эти теги <br> добавляются автоматически. Что я делаю?