title: How to build a flexible HTML form layout?
body: <p>I want to build a flexible html form with the following features:</p>
  
  <ol>
  <li>Label should stay right above his component (see image below);</li>
  <li>Components should fill (width dimension) all the space available on the screen, with a minimum width configuration;</li>
  <li>If the screen width doesn't fit all form components, they should be stacked;</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/GPuzj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GPuzj.png" alt="HTML Form with components filling all screen width"></a><br>
  <strong>HTML Form with components filling all screen width</strong></p>
  
  <p><a href="https://i.stack.imgur.com/rKyZ1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rKyZ1.png" alt="Same HTML Form with reduced screen width"></a><br>
  <strong>Same HTML Form with reduced screen width</strong>   </p>
  
  <p>What is the more elegant solution to achieve this result, without using html table and only HTML + CSS?</p>