<!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>