Skip to content

Instantly share code, notes, and snippets.

@Codyzhao
Last active September 7, 2019 09:12
Show Gist options
  • Save Codyzhao/9a8010bcc5c7a91d6c891f8af1545cfd to your computer and use it in GitHub Desktop.
Save Codyzhao/9a8010bcc5c7a91d6c891f8af1545cfd to your computer and use it in GitHub Desktop.
Untitled
body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
background: white;
color: #333;
font-size: 16px;
line-height: 1.2;
}
h1 {
text-align: center;
}
form {
width: 500px;
margin: 0 auto;
}
legend {
font-weight: bold;
font-size: 120%;
}
small {
font-size: 70%;
}
fieldset > div {
margin: 10px 0;
}
fieldset > div > label {
display: inline-block;
min-width: 100px;
vertical-align: top;
line-height: 27px;
}
input, textarea {
border: 1px solid #cecece;
padding: 5px 10px;
font-size: .8rem;
}
label.inline {
font-size: .8rem;
}
.mb-5 {
margin-bottom: 5px;
}
.inline-block {
display: inline-block;
}
<!-- content to be placed inside <body>…</body> -->
<!--
Structure
form > fieldset > legend > div > label > input || textarea || select || button
Personal Detail
Email, Password, Name, Tel, Gender, Story
Address
Street, city, country
Terms and Condition
-->
<h1>Form Demo</h1>
<form action="" method="post">
</form>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment