title: Create a group box around certain controls on a web form using CSS
body: <p>I have three controls on my web form of three drop down lists.</p>
  
  <p>I want to create a graphical "box" around these controls. The reason for this is that selecting these controls would be "STEP 1" of my process. So I want to put a box around these controls and call it "Step 1"</p>
  
  <p>How would I go about doing this with CSS?</p>
  
  <p>Example:</p>
  
  <blockquote>
    <p><img src="https://i.imgur.com/qsGAb.png" alt="box around form elements"></p>
  </blockquote>