Skip to content

Instantly share code, notes, and snippets.

@greystate
Forked from anonymous/dabblet.css
Created July 19, 2013 20:58
Show Gist options
  • Save greystate/6042289 to your computer and use it in GitHub Desktop.
Save greystate/6042289 to your computer and use it in GitHub Desktop.
/**
* Flexible multiline form with generated line breaks
*/
form {
width: 100px;
padding: 5px 210px 5px 5px;
border: 3px #ccc double;
text-align: right;
line-height: 2;
}
* + label:before, form:after {
content: '\A';
white-space: pre;
}
label:after {
content: ': ';
}
input {
width: 180px;
margin-right: -200px;
}
<form>
<label>First field</label> <input>
<label>Second field</label> <input>
<label>3rd field</label> <input>
</form>
{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment