So steps are as follows:
1. You wrap your "play" text into div to apply block layout
2. You switch the order of your contents
<a href="#" id="subnavbtn">
<div class="play">Play</div>
<img id="play" src="images/play logo.webp" height='25px' width='25px'>
</a>
3. You apply margin to your image
#play {
margin-top: 25px;
}
Here's the
fiddle