Вырявнять textarea с input по одной линии

Question

Ничего не понимаю в вёрске, привязал python скрипт к страничке, хотелось бы что бы выглядело хотя бы ровно всё. Сейчас нижняя часть input чуть ниже чем нижняя часть textarea. Как их выровнять что бы они на одной линии пикселей были. Есть вот такая форма:

<form action="/cgi-bin/form9.py" method="post">
    <textarea name = "textmac" rows="5" cols="3">
    </textarea>
    <input type="submit"> <small>Добавить</small>
</form>

И вот такой css:

<style>
textarea, input, select{
    width:130px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
</style>

Answer 1

Можно в стилях задать одинаковую высоту.

Если надо, чтобы кнопка тянулась по высоте textarea, то можно так:

textarea, input, select{
    width:130px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form {
display: flex
}

<form action="/cgi-bin/form9.py" method="post" class="form">
    <textarea name = "textmac" rows="5" cols="3">
    </textarea>
    <button type="submit"> <small>Добавить</small></button>
</form>

Прижимаем к низу:

textarea, input, select{
    width:130px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form {
display: flex;
align-items: flex-end;
}

<form action="/cgi-bin/form9.py" method="post" class="form">
    <textarea name = "textmac" rows="5" cols="3">
    </textarea>
    <button type="submit"> <small>Добавить</small></button>
</form>

БЛОГ НА HUSL

Вырявнять textarea с input по одной линии

Ответы (1 шт):