Я хочу создать текст и кнопку, которые выравниваются по дну. Как 
Как выровнять текст и кнопку внизу
Я напечатал что-то вроде этого (кстати, я использую bootstrap3)
123 <button class ="btn btn-default btn-lg ">123</button>
Однако, кажется, выравнивать по центру кнопки, я создал JSfiddle, чтобы проиллюстрировать мой код.
В начальной загрузки по умолчанию vertical-align среднеспелый вы должны изменить его донизу! Важно, как самозагрузки CSS уже имеет DEFINES vertical-align свойство
Использование vertical-align:bottom !important; для button
body {
margin: 10px;
}
button{
vertical-align:bottom !important
}<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
123 <button class ="btn btn-default btn-lg ">123</button>Попробуйте это css
a.btn-lg{
padding: 10px 16px 0;
}
Значение по умолчанию для vertical-align собственности baseline все inline то есть и inline-block элементы выровнены в соответствии с baseline родительского элемента.
Read More о вертикальном выравнивании css.
Вы можете изменить это поведение, установив vertical-align: bottom явно в стилях .btn класса Bootstrap, как показано ниже:
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css');
body {
margin: 10px;
}
.btn-default {
vertical-align: bottom;
}123 <button class ="btn btn-default btn-lg ">123</button>
Это работа! Спасибо, BTW, как вы помещаете этот исполняемый фрагмент? –
Я думал, что это не нужно '! Important' –
вам нужно здесь, потому что такое же свойство есть и в bootstrap.css ... но если вы пишете так, как я бы назвал после bootstrap.css, тогда не нужно! важный –