show image and text side by side in middle

<div class="game-menu" style="margin-top:10%">
           <img src="img/play.png" class="iconMenu" />
           <span class="iconSpan iconHeadFont">Play Again</span>
       </div>

<style type="text/css">
           .iconMenu {
               font-size: 50px;
               color: green;
               display: inline-block;
               vertical-align: middle;
               margin-top: 10px;
           }
 
           .iconSpan {
               display: inline-block;
               vertical-align: middle;
               color:white;
               font-size:40px;
               font-weight:bold;
           }
       </style>