title: css label and input question
body: <p>I have the following css for my label and input:</p>
  
  <pre><code>label {
      display:block;
      font-weight:bold;
      color:#444;
      margin:5px 0;
  }
  
  label.notification {
      clear: both;
      color:#200;
      margin:5px 0;
  }
  
  
  input {
      width:300px;
      padding:4px;
      border:none;
      border-bottom:1px dotted #ccc;
      font:90% Verdana;
      color:#777;
  }
  </code></pre>
  
  <p>I want it so that when I have a input and label notification in one line. How can I do this? currently it is always on a separate line. </p>
  
  <p>This is how I will use it:</p>
  
  <pre><code>&lt;label id="date"&gt;Date&lt;/label&gt;
  &lt;input id="datepicker" name="datepicker"/&gt;&lt;/label&gt;
  &lt;label class="notification"&gt;You need to enter a date&lt;/label&gt;
  </code></pre>
  
  <p>datepicker and notification needs to be on the same line, but label (date) and datepicker needs to be on a different line</p>