germany_flag

<html>
<head>
<style>

html, body {
    margin: 0 0;
    padding: 0 0;
}

.country-name {
    color: transparent;
    position: absolute;
    left:  0px;
    top:  0px;
    width: 250px;
    text-align:  center
}

.name-div {
    height: 30px;
}

.flag-bar {
    width: 250px;
    height: 50px;
    /*border: 1px solid black;*/
}
.color-yellow {
    background: yellow
}
.color-red {
    background-color: red
}
.color-black {
    background-color: black
}

.flag:hover + .country-name {
    color: black ;
}

</style>
</head>
<body>
    <a href="https://en.wikipedia.org/wiki/File:Flag_of_Germany.svg" target="_blank">
    <div class="flag">
        <div class="name-div"></div>
        <div class="flag-bar color-black"></div>
        <div class="flag-bar color-red"></div>
        <div class="flag-bar color-yellow"></div>
    </div>
    <div class="country-name">Germany</div>
    </a>
</body>
</html>