When I copy and paste my code into the editor looks good, when i go back and edit it and hit save it looks different. It looks like the editor is moving my code around. Its moving around my DIV tags. Any suggestions

Thanks

Original:

<div class="head">
<p class="top-line">2016 events</p>
</div>
<div class="spacer"></div>
<div class="event-list">
<a href="#" class="event">
<div class="event-container">
<div class="date-container">
<div class="date">19<div class="month">Jan</div></div>
</div>
<div class="detail-container">
<div class="title">Task Force Orientation </div>
<div class="description">Tuesday</div>
</div>
</div>
</a>

After:

<div class="head">
<p class="top-line">2016 events</p>
</div>

<div class="spacer"> </div>

<div class="event-list">
<div class="event-container">
<div class="date-container">
<div class="date"><a class="event" href="#">19</a>

<div class="month"><a class="event" href="#">Jan</a></div>
</div>
</div>

<div class="detail-container">
<div class="title"><a class="event" href="#">Task Force Orientation </a></div>

<div class="description"><a class="event" href="#">Tuesday</a></div>
</div>
</div>