<style>
.base {
margin: 30px 0 0;
min-height: 500px;
position: relative;
border: 1px solid black;
}
.outer {
padding: 15px 0;
width: 100%;
box-sizing: border-box;
border: 1px solid -sharp00bb54;
}
.parent {
padding: 0 2%;
height: 47px;
display: block;
border: 1px solid -sharpf75959;
}
.parent a {
display: inline-block;
position: absolute;
right: 2%;
height: 50%;
border: 1px solid darkblue;
}
</style><div class="base">
<div class="outer">
<div class="parent">
<a href="-sharp"></a>
</div>
</div>
</div>code is shown above with the following result:
