blob: 6c313a0d5f0d3befaa8a4700c62001895b3f0f7f [file] [log] [blame]
<!DOCTYPE html><html class=''>
<head><style>
.wrapper {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pad-rows .row {
padding-top: 12px;
}
/**
* Other styles
*/
.description {
margin: 0 1em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.5;
}
.description > ul > li + li {
margin-top: 1em;
}
.description em {
font-size: 0.875em;
color: darkgray;
}
input {
margin-left: 1em;
}
hr {
margin: 1em 0;
}
</style></head><body>
<div class="description">
<div class="wrapper">
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
</div>
<hr>
<div class="wrapper pad-rows">
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
<div class="row"><label>Label</label><input type="text"></div>
</div>
</body></html>