title: How to align my label and input field
body: <p>I want my input field "title" to render directly below the radio buttons, but now it is too far to the left. I need the extra <code>div</code> because it is a dynamic form, but I want the grid view. How can I accomplish that?</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-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link href=
            "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"
            rel="stylesheet" type="text/css"&gt;
      &lt;style&gt;
        textarea {
          height: 600px !important width: 500 px !important
        }
        .inline {display: inline-block;}
      &lt;/style&gt;
      &lt;title&gt;&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;form accept-charset="UTF-8" action=
            "http://127.0.0.1:8080/_ah/upload/ahFkZXZ-bW9udGFvcHJvamVjdHIiCxIVX19CbG9iVXBsb2FkU2Vzc2lvbl9fGICAgICAgLwLDA"
            class="ui form formular" enctype="multipart/form-data" id="formular"
            method="post" name="formular"&gt;
        &lt;span class="ui two column grid"&gt;&lt;/span&gt;
        &lt;div class="row"&gt;
          &lt;span class="ui two column grid"&gt;&lt;/span&gt;
          &lt;div class="two wide column"&gt;
            &lt;span class="ui two column grid"&gt;&lt;/span&gt;
            &lt;div class="field"&gt;
              &lt;span class=
                    "ui two column grid"&gt;&lt;label&gt;Category&lt;/label&gt;&lt;/span&gt;
            &lt;/div&gt;&lt;span class="ui two column grid"&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="column field"&gt;
            &lt;span class="ui two column grid"&gt;&lt;/span&gt;
            &lt;div class="inline field" id="type_container"&gt;
              &lt;span class="ui two column grid"&gt;&lt;input name="type" type=
                                                      "radio" value="s"&gt; &lt;label&gt;A&lt;/label&gt; &lt;input name="type"
                                                                                                 style="margin-left: 25px;" type="radio" value="k"&gt;
                &lt;label&gt;B&lt;/label&gt;&lt;/span&gt;
            &lt;/div&gt;&lt;span class="ui two column grid"&gt;&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="maintext" id="category_contents" style="display: block;"&gt;
          &lt;span class="ui two column grid"&gt;&lt;/span&gt;
          &lt;div class="row"&gt;
            &lt;span class="ui two column grid"&gt;&lt;/span&gt;
            &lt;div class="two wide column inline"&gt;
              &lt;span class="ui two column grid"&gt;&lt;/span&gt;
              &lt;div class="field"&gt;
                &lt;span class=
                      "ui two column grid"&gt;&lt;label&gt;Title&lt;/label&gt;&lt;/span&gt;
              &lt;/div&gt;&lt;span class="ui two column grid"&gt;&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class="column field inline"&gt;
              &lt;span class="ui two column grid"&gt;&lt;input name="title"
                                                      placeholder="Title" type="text"&gt;&lt;/span&gt;
            &lt;/div&gt;&lt;span class="ui two column grid"&gt;&lt;/span&gt;
            &lt;div class="two wide column"&gt;
              &lt;span class="ui two column grid"&gt;&lt;/span&gt;
              &lt;div class="field"&gt;
                &lt;span class=
                      "ui two column grid"&gt;&lt;label&gt;Text&lt;/label&gt;&lt;/span&gt;
              &lt;/div&gt;&lt;span class="ui two column grid"&gt;&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class="column field"&gt;
              &lt;span class="ui two column grid"&gt;&lt;input name="data"
                                                      placeholder="Test" type="text"&gt;&lt;/span&gt;
            &lt;/div&gt;&lt;span class="ui two column grid"&gt;&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to increase the space between the Title label and the Title input field. How can I do it?</p>