title: Radio buttons wont align to the left
body: <p>I am trying to create a modal and everything has come along perfectly except my radio buttons. No matter what I try I don't understand how to move them to the left like the other elements in my form. All I want to do is move the radio buttons to the left and align them with the other elements like normal radio buttons.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.feedback-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .feedback-content {
    width: 500px;
    height: 600px;
    background-color: white;
    border-radius: 4px;
    padding: 20px;
  }
  
  input {
    width: 50%;
    display: block;
    margin: 10px 0px;
  }
  
  input[type="radio"] {
    display: inline;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="feedback-background"&gt;
  
    &lt;div class="feedback-content"&gt;
  
      &lt;img src="E:\IIT\Lectures\WEB\coursework1\Images\feedbackimg1.jpg" alt="Givefeedback" style="width:100px;height:100px;"&gt;
  
      &lt;form action=""&gt;
  
        Name:
        &lt;input type="text" placeholder="Name"&gt; E-Mail:
        &lt;input type="text" placeholder="E-mail"&gt; What do you think about us?&lt;br&gt;
        &lt;textarea rows="6" cols="33" name="comment "&gt;&lt;/textarea&gt;
        &lt;br&gt; How would you rate us ?
        &lt;br&gt;
  
        &lt;label&gt;
          &lt;input type ="radio " name="rating " id="rating " value="Excellent "&gt;Excellent
          &lt;input type ="radio " name="rating " id="rating " value="Very Good "&gt;Very Good
          &lt;input type ="radio " name="rating " id="rating " value="Average "&gt;Average
          &lt;input type ="radio " name="rating " id="rating " value="Poor "&gt;Poor
          &lt;input type ="radio " name="rating " id="rating " value="Extreamly Poor "&gt;Extreamly Poor
        &lt;/label&gt;
        &lt;br&gt;
        &lt;br&gt;
  
        &lt;a href="# " id="btn1 "&gt;SUBMIT&lt;/a&gt;
  
      &lt;/form&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here's the fiddle: <a href="https://jsfiddle.net/dcag0167/2/" rel="nofollow noreferrer">https://jsfiddle.net/dcag0167/2/</a></p>