laravel - partials将空文本插入HTML - “”

Question

<div style="margin-top:-21px">
    @include('partials.header')
</div>

<div style="margin-top:-21px">
    @include('partials.navig')
</div>

<div style="margin-top:0px">
    @include('partials.footer')
</div>

Above HTML/Laravel code inserts partials into layout. Every time when I use partial, it will insert empty spaces into HTML output and causing ugly white-space (empty row) above the partial. That's why I am using margin:top:-21px, to hide empty row . But the problem is, that in Internet Explorer are not those white-spaces visible and therefore partials are shifted too much. Here is an HTML output and how empty row looks like:

I have no clue what can cause these white-spaces, it is not wrong margin of elements or something like that. Is there any solution or explanation for this?

Answer 1

This is because you are including partials in new row. Try including them in same row and it should fix your problem.

<div style="margin-top:-21px">@include('partials.header')</div>