<div id='kanhu-sticky-bar'> <p>Hi,I am Kanhu Here </p>
<div class='kanhu-close-sticky-bar'><a href='javascript:z_close_sticky_bar();'>X</a></div>
</div>
<script>
function z_close_sticky_bar() {
document.getElementById("kanhu-sticky-bar").style.display = 'none';
}
</script>

<style>
#kanhu-sticky-bar {
background: #162536;
color: #fff;
text-align: center;
margin: 0 auto;
border-top: 3px solid #E26A5C;
font-size: 16px;
position: sticky;
top: 0;
z-index: 999;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
}

#kanhu-sticky-bar:hover {
background: #111;
}

#kanhu-sticky-bar p {
line-height: 5px;
font-size: 15px;
text-align: center;
width: 95%;
float: left;
margin: 0px;
}

#kanhu-sticky-bar p a {
color: #ffffff;
padding: 6px;
margin-left: 10px;
background: #e26a5c;
border-radius: 30px;
font-weight: bold;
}

@media screen and (max-width: 480px) {
#kanhu-sticky-bar p {
line-height: 4px;
font-size: 12px;
text-align: center;
float: left;
}
}

.kanhu-close-sticky-bar {
display: block;
position: relative;
right: 10px;
float: right;
}

.kanhu-close-sticky-bar a {
font-size: 18px;
font-weight: bold;
color: #ffffff;
line-height: 30px;
text-decoration: none;
}
</style>