what's the best way to add a line break before and after div?

Answer 1

There are 2 main ways to add line breaks: through line break <br> tags and through paragraph tags <p>. So all you have to do is to put those tags in between your tags.

Answer 2

Add the child divs to span like below

<div class="class1" >
   <span class="span1">
         data1 
       <br>
       <span class="span2">
            data2
       </span>
    </span>
</div>

css:

   .span1{
      display:inline-block;
    }
    .span2{
      display:inline-block;     
    }




    </div>

Answer 3

You can give margin from top and bottom like this:

margin: 10px 0;

Above will apply 10px margin from top and bottom. You can also use individual properties such as margin-top and margin-bottom.

Answer 4

one way is to use css to style your elements.

<style>
.main
{
  margin-bottom: 10px;
}
</style>

you can alter as needed..not sure what div's you want to seperate