<!DOCTYPE html>
<title>SVG inside inline block</title>
<style>
    body { margin: 0 }
    div {
        width: 100px;
        background: green;
        position: absolute;
        top: 0;
        left: 0
    }
    .cover1 {
        top: 0;
        left: 0;
        height: 150px
    }
    .cover2 {
        top: 50px;
        left: 100px;
        height: 100px
    }
</style>
<div class="cover1"></div>
<div class="cover2"></div>