title: Label text is wrapped but not indent second line
body: <p>I have a form with limited width, however the label text maybe longer than form width, so the text was wrapped to multiple lines. My problem is that first line is indented because of input element but second line is not, it makes the form not nice.</p>
  
  <p>Do you have any idea to make the second, third ... will be indented as first line, only use CSS?</p>
  
  <p>Actual:</p>
  
  <p><img src="https://i.stack.imgur.com/ru9fg.png" alt="enter image description here"></p>
  
  <p>My Expectation is </p>
  
  <p><img src="https://i.stack.imgur.com/w5Soi.png" alt="enter image description here"></p>
  
  <p>This is my example for the case:</p>
  
  <p><a href="http://jsbin.com/UvaqISO/2/edit" rel="noreferrer">http://jsbin.com/UvaqISO/2/edit</a></p>