具有多行标签的窗体中的垂直对齐（水平放置标签-输入）

Posted 2021-02-24

this snippet is for this html structure

%form
%ol
%li
%label Label:
%input

li {
 display: inline-block;
 line-height: 0;
}
 
label {
 display: inline-block;
 line-height: 1.5em;
 vertical-align: middle;
}
 
input {
 display: inline-block;
 vertical-align: middle;
}