Question

I tried using the “line-height” property to increase the space between two text boxes but it applies only for text.

SO, is there any other CSS property that can be used to increase the vertical spacing between two divisions (“div”s)??

Answer 1

You can use margin to define the space between the divisions:

CSS:

.myDiv { margin: 5px 0; }

HTML

<div class="myDiv">first</div>
<div class="myDiv">second</div>

This will give them a 5px top and bottom margin. The distance between the divisions will be the largest value for margin for any of them, which is 5px in this case.

You can specify margin-top and margin-bottom separately if you want more control. For example zero top margin and 5px bottom margin:

.myDiv { margin: 0 0 5px 0; }

which is the same as:

.myDiv {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
}