Form layout

Code please

Should I copy and paste css or html?

Copy and paste both use the correct markdown, check the "Markdown Cheatsheet" right bellow the textarea.

Here is a section of the form: HTML -

                            <legend>Basic Information</legend>

            <label for="name">Name:</label>
            <input type="text" id="name" name="user_name" placeholder="Your Name">

            <label for="email">Your Email:</label>
            <input type="email" id="email" name="user_email" placeholder="name@email.com">

            <label for="twitter">Twitter:</label>
            <input type="text" id="twitter" name="user_twitter" placeholder="@name">

            <label for="facebook">Facebook:</label>
            <input type="text" id="facebook" name="user_facebook" placeholder="@name">

            <label for="myspace">MySpace:</label>
            <input type="text" id="myspace" name="user_myspace" placeholder="myspace name">

            <label for="skype">Skype (if applicable):</label>
            <input type="text" id="skype" name="user_skype" placeholder="skype name">

            <label for="website">Website URL:</label>
            <input type="text" id="website" name="user_website" placeholder="http://name.com">

            <label for="mission_field">Mission Field:</label>
            <input type="text" id="mission_field" name="user_mission" placeholder="country/city">

CSS

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Nunito', sans-serif; color: #384047; }

form { max-width: 800px; margin: 10px auto; padding: 10px 20px; background: #f4f7f8; border-radius: 8px; }

h1 { margin: 0 0 30px 0; text-align: center; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { background: rgba(255,255,255,0.1); border: none; font-size: 16px; height: auto; margin: 0; outline: 0; padding: 15px; width: 100%; background-color: #e8eeef; color: #8a97a0; box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset; margin-bottom: 30px; }

textarea { max-width: 400px; }

input[type="radio"], input[type="checkbox"] { margin: 0 4px 8px 0; }

select { padding: 6px; height: 32px; border-radius: 2px; }

button { padding: 19px 39px 18px 39px; color: #FFF; background-color: #4bc970; font-size: 18px; text-align: center; font-style: normal; border-radius: 5px; width: 100%; border: 1px solid #3ac162; border-width: 1px 1px 3px; box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset; margin-bottom: 10px; }

fieldset { margin-bottom: 30px; border: none; }

legend { font-size: 1.4em; margin-bottom: 10px; }

label { display: block; margin-bottom: 8px; }

label.light { font-weight: 300; display: inline; }

.number { background-color: #5fcf80; color: #fff; height: 30px; width: 30px; display: inline-block; font-size: 0.8em; margin-right: 4px; line-height: 30px; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.2); border-radius: 100%; }

.intro { max-width: 900px; margin: 10px auto; padding: 10px 20px; background: #f4f7f8; border-radius: 8px; }

@media screen and (min-width: 480px) {

form { max-width: 480px; }

}

----I've tried playing with the "display" on the label.
I'm sure it's an easy fix, but I'm learning