title: How do I move the radio buttons down?
body: <p>My question is the following: What do I do (either in the HTML, CSS, or both) to move the radio buttons down? I want it so that the first radio button is in-line with the question and the following radio buttons are beneath the first i.e. listed in a 1,2,3 order going down.</p>
  <p>My HTML is:</p>
  <pre><code>&lt;div class=&quot;question&quot;&gt;
      &lt;label&gt;At what time of day did it happen?&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class=&quot;answer&quot;&gt;
      &lt;input type=&quot;radio&quot; id=&quot;morning&quot;&gt;&lt;label for=&quot;morning&quot;&gt; Morning&lt;/label&gt;&lt;br&gt;
      &lt;input type=&quot;radio&quot; id=&quot;afternoon&quot;&gt;&lt;label for=&quot;afternoon&quot;&gt; Afternoon&lt;/label&gt;&lt;br&gt;
      &lt;input type=&quot;radio&quot; id=&quot;evening&quot;&gt;&lt;label for=&quot;evening&quot;&gt; Evening&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And my CSS is:</p>
  <pre><code>.question {
      border: 1px solid black;
      display: inline-block;
      width: 45%;
      text-align: right;
  }
  
  .answer {
      border: 1px solid black;
      display: inline-block;
      text-align: left;
      width: 45%;
  }
  </code></pre>