title: CSS - Add blank line between div elements
body: <p>My sample UI looks like below:</p>
  
  <p><img src="https://i.stack.imgur.com/CPNxZ.png" alt="enter image description here"></p>
  
  <p>Here I need to add a blank lines after the textboxes. That means there will be a blank line after first textbox and another blank line after the second textbox. Below is how my <code>cshtml</code> file looks like:</p>
  
  <pre><code>&lt;style&gt;
      .divTable {
          display: table;
          border: none;
      }
  
      .divRow {
          display: table-row;
          width: 100%;
      }
  
      .divTable input, .divTable select {
          padding: 2px;
          border: solid 1px #BCC3C8;
          height: 100%;
          width: 100%;
      }
  
      .divTable button {
          margin-top: -5px;
          margin-left: 8px;
          width: 100px;
      }
  &lt;/style&gt;
  
  &lt;div class="divTable"&gt;
      &lt;div class="divRow"&gt;
          &lt;div class="divCell1"&gt;@Html.LabelFor(model =&gt; model.FirstName)&lt;/div&gt;
          &lt;div class="divCell2"&gt;@Html.EditorFor(model =&gt; model.FirstName)&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="divRow"&gt;
          &lt;div class="divCell1"&gt;@Html.LabelFor(model =&gt; model.LastName)&lt;/div&gt;
          &lt;div class="divCell2"&gt;@Html.EditorFor(model =&gt; model.LastName)&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="input"&gt;
          &lt;input type="submit" value="Submit"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But I am not getting desired output. The output is the same as the above screenshot. How to do this ? Any help is appreciated.</p>